We Keep Coding

Labe outside datagridview not updating on datagrid row selected index ASP.NET

When the user selects a row in my datagrid view the label outside the datagridview does not update.
Here is my datagridview
As you can see in visual studio the value of the selected row is captured. However visually it does not update.
Here is what my datagrid code looks like.
<asp:UpdatePanel ID="uplPanel" runat="server" >
<ContentTemplate>
<asp:GridView ID="gvInventario" runat="server" AutoGenerateColumns="false" AllowSorting="true" ShowFooter="false" DataKeyNames="componente_id, ubicacion_id, proveedor_id" PageSize="20"
ShowHeaderWhenEmpty="true" AllowPaging="True" OnPageIndexChanging="gridView_PageIndexChanging" OnSelectedIndexChanged="OnSelectedIndexChanged" OnRowDataBound="OnRowDataBound"
CellPadding="3" AllowColumResize="True" onsorting="grdDetails_Sorting" GridLines="None" CssClass="mGrid" PagerStyle-CssClass="pgr" AlternatingRowStyle-CssClass="alt">
<Columns>
Here is what the code for the labels outside the grid looks like
<div id="ChangeQuantitySection" class="menusection">
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:Label ID="Label7" runat="server" Text="Cambiar la cantidad" CssClass="second-menu-title"></asp:Label>
<br/>
<b><asp:Label ID="Label3" runat="server" Text="Proveedor: "></asp:Label></b>
<asp:Label ID="lblProveedor" runat="server" Text=""></asp:Label>
<br/>
<b><asp:Label ID="Label2" runat="server" Text="Tipo: "></asp:Label></b>
<asp:Label ID="lblType" runat="server" Text=""></asp:Label>
<br/>
<b><asp:Label ID="lblQtRequired" runat="server" Text="Cantidad requerida: "></asp:Label></b>
<asp:TextBox width="50px" ID="txtQtRequired" runat="server" TextMode="Number" min="0" step="1" Value="0"></asp:TextBox>
<br/>
<asp:Button class="btn btn-primary" ID="Button1" runat="server" Text="Validar" OnClick="Confirm_purchase_order_Click" />
</ContentTemplate>
</asp:UpdatePanel>
</div>

Check if you use correct lable IDs. Because in your example labels ids are not consistent. Update the correct labels in your event.

I change UpdateMode="Conditional" to UpdateMode="Always" Thanks to the answer I found here how to update a control in another updatepanel?

Failed to load resource: the server responded with a status of 404 (Not Found) in Asp.NET GridView

I am trying to load images from the folder UploadImages combined with image name for the particular query
my gridview code is as follows:
<asp:GridView ID="gvDetails" runat="server" AllowPaging="false" PageSize="50" ShowHeader="false" GridLines="None" AutoGenerateColumns="false" Width="100%" OnPageIndexChanging="gvDetails_PageIndexChanging">
<PagerSettings Mode="NumericFirstLast" PageButtonCount="4" FirstPageText="First" LastPageText="Last" />
<Columns>
<asp:TemplateField>
<ItemTemplate>
<h2><asp:Label runat="server"><%#Eval("Ads_Title")%></asp:Label></h2>
<h5><asp:Label runat="server" Text='<%#Eval("Ads_Posted_Date")%>'></asp:Label>, Posted by <asp:Label runat="server" Text='<%#Eval("Ads_State")%>'></asp:Label></a></h5>
<div class="blog-para">
<p class="para">
<image src='../UploadImages/<%#Eval("Busines_Image") %>' Width="150px" />
<p><asp:Label runat="server" Text='<%#Eval("Cat_Name")%>'></asp:Label></p>
<p>Pokect Listing: <asp:Label runat="server" Text='<%#Eval("PocketListing")%>' /> </p>
<p><asp:Label Text='<%# Eval("Ads_Hot_Normal") == "false" ? "<image src='images/premium_logo.png' alt='Premium'" : " " %>'runat="server" /></p>
<div class="read_more">
<a class="btn" href='AdsDetails.aspx?AddId=<%#Eval("main_ID") %>'>Read More</a>
</div>
</p>
</div>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
Every time i run the webapp it states faied to load the resource.

This is might be happening because GridView control is losing View. For more details yo can try this Link

Creating Drop down with Check Box in asp.net

I am trying to create a dropdown with check-box using textbox and popup control extender but i am getting this error whenever i run it:
Error: 'Sys.Extended.UI' is null or not an object'.
I am trying to make as simple as possible but not sure what am i missing here. Here is the code:
<asp:TextBox ID="ddl_TextLog" runat="server" AutoPostBack="true" BackColor="#FFFFCC" Style="background-color: #FFCC66" Width="250px"></asp:TextBox>
<asp:PopupControlExtender ID="TextBox1_PopupControlExtenderLog" runat="server" Enabled="True" ExtenderControlID="" TargetControlID="ddl_TextLog" PopupControlID="pnl_Log" OffsetY="22"></asp:PopupControlExtender>
<asp:Panel ID="pnl_Log" runat="server" Height="180px" Width="250px" BorderStyle="Solid" BorderWidth="2px" Direction="LeftToRight" ScrollBars="Auto" BackColor="#FFFFCC" Style="display: none">
<asp:CheckBoxList ID="CheckBoxList_Log" runat="server" DataSourceID="SqlDataSource_Log" DataTextField="MDE" DataValueField="MDE" AutoPostBack="True" OnSelectedIndexChanged="CheckBoxList_Log_SelectedIndexChanged"></asp:CheckBoxList>
<asp:SqlDataSource ID="SqlDataSource_Log" runat="server" ConnectionString="<%$ ConnectionStrings:DCR-DWH-MS-01-DA2 %>" SelectCommand=" SELECT DISTINCT MDE FROM myTable ORDER BY MDE ASC"></asp:SqlDataSource>
</asp:Panel>

i had to use this and fixed my issue:
<ajaxToolkit:ToolkitScriptManager runat="server" ID="ToolkitScriptManager1" />

accordion control in asp.net

I have accordion control and having set of link button controls inside accordion control. I use the following code.
<asp:Accordion ID="Accordion1" Class="accordion" HeaderCssClass="accordionHeader"
HeaderSelectedCssClass="accordionHeaderSelected"
ContentCssClass="accordionContent" runat="server" Width="248px">
<Panes>
<asp:AccordionPane ID="AccordionPane1" runat="server">
<Header>Registration</Header>
<Content>
<asp:LinkButton ID="CandidateRegistration" CssClass="linkButton"
runat="server" ForeColor="Black"
OnClick="candidatesRegistration_Click"
Text="Candidates Registered"></asp:LinkButton><br />
<asp:LinkButton ID="registrationByRqp" runat="server"
ForeColor="Black" OnClick="registrationByRqp_Click"
Text="Registered Through RQP"></asp:LinkButton><br />
<asp:LinkButton ID="registrationByUi" runat="server"
ForeColor="Black" OnClick="registrationByUi_Click"
Text="Registered Through UI"></asp:LinkButton><br />
<asp:LinkButton ID="avgRegistration" runat="server"
ForeColor="Black" OnClick="avgRegistration_Click"
Text="Average Registration"></asp:LinkButton><br />
<asp:LinkButton ID="jobsRegistered" runat="server"
ForeColor="Black" OnClick="jobsRegistered_Click"
Text="Jobs registered"></asp:LinkButton><br />
<asp:LinkButton ID="unregistered" ForeColor="Black"
runat="server" Text="Unregistered Candidate"
OnClick="unregistered_Click"></asp:LinkButton>
</Content>
</asp:AccordionPane>
<asp:AccordionPane ID="AccordionPane2" runat="server">
<Header>Job Alerts</Header>
<Content>
<asp:LinkButton ID="jobAlert" runat="server" ForeColor="Black"
OnClick="jobAlert_Click">Job Alert</asp:LinkButton><br />
<asp:LinkButton ID="minScoreAlerts" runat="server"
ForeColor="Black" OnClick="minScoreAlerts_Click">
Minimum score of job alerts</asp:LinkButton><br />
<asp:LinkButton ID="maxScoreAlerts" runat="server"
ForeColor="Black" OnClick="maxScoreAlerts_Click">
Maximum score of job alerts</asp:LinkButton><br />
<asp:LinkButton ID="avgScoreJobAlerts" runat="server"
ForeColor="Black" OnClick="avgScoreJobAlerts_Click">
Average score of daily alerts</asp:LinkButton><br />
</Content>
</asp:AccordionPane>
<asp:AccordionPane ID="AccordionPane4" runat="server">
<Header>Analysis</Header>
<Content>
<asp:LinkButton ID="searchpeakTime" runat="server"
ForeColor="Black" OnClick="searchpeakTime_Click">
Search peak time</asp:LinkButton><br />
<asp:LinkButton ID="userActivityReport" runat="server"
ForeColor="Black" OnClick="userActivityReport_Click">
User Activity Report</asp:LinkButton><br />
<asp:LinkButton ID="operationalusage" runat="server"
ForeColor="Black" OnClick="operationalusage_Click">
Operational Usage</asp:LinkButton>
</Content>
</asp:AccordionPane>
<asp:AccordionPane ID="AccordionPane3" runat="server">
<Header>Overview</Header>
<Content>
<asp:LinkButton ID="Overview" ForeColor="Black" runat="server"
OnClick="Overview_Click" >Overview</asp:LinkButton><br />
</Content>
</asp:AccordionPane>
</Panes>
</asp:Accordion> <br />
.Its works properly . But when i click the the link button in the second or third accordion pane the page will be redirected but the visibility return to accordionpane1. I want which link button i click meaks the corresponded accordion pane will be visible and not the first . Can anyone able help for that?
Thankx in advance......

I think you can use "AutoSize="Fill"" property to achieve that. Have look at this question, it will solve your problem.

Modal Popup Extender animation in ASP.net

I am currently developing an ASP.net c# application. I have a grid view which has bound link buttons inside. When the link button is pressed I want to display the modal popup using a fade in animation and a fade out animation when a button inside the modal popup is clicked.
I have added the animation extender into the code and set the TargetControlID to the ID of the link button, however, when I try to run the website it displays the error System.InvalidOperationException the TargetControID of ModalPopupExtender is not valid. A control with ID 'sofLink' could not be found. sofLink is the ID of the LinkButton.
Below is the code for the grid view
<asp:GridView ID="tblSoftware" runat="server" Width="100%"
EnableModelValidation="True" AutoGenerateColumns="False"
onselectedindexchanged="tblSoftware_SelectedIndexChanged"
CellPadding="2">
<Columns>
<asp:TemplateField HeaderText="Software Name">
<ItemTemplate>
<asp:LinkButton ID="sofLink" Text='<%# Bind("sof_softwareName") %>'
CommandName="sofID" OnCommand="GetSoftwareModal" CommandArgument='<%# Eval("sof_id") %>' runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="sof_platform" HeaderText="Platform" ReadOnly="True" SortExpression="sof_platform" />
</Columns>
<HeaderStyle CssClass="gridHeader" />
<PagerSettings Position="Bottom" />
<PagerStyle HorizontalAlign="Right" VerticalAlign="Middle" CssClass="gridPage" />
<AlternatingRowStyle BackColor="White"></AlternatingRowStyle>
</asp:GridView>
And below is the code for the ModalPopupExtender
<ajaxToolkit:ModalPopupExtender ID="mpe" runat="server" TargetControlID="sofLink"
PopupControlID="ModalPanel" DropShadow="true" Drag="true" OkControlID="OKButton" />
<asp:Panel ID="ModalPanel" runat="server" Width="500px" style="width: auto; height: auto;" CssClass="modalPopup">
<asp:Label ID="softwareTitle" Font-Bold="true" Font-Size="Medium" runat="server" Width="100%" style="text-align: center;" /><br /><br />
<asp:Literal ID="litSoftware" runat="server"></asp:Literal>
<asp:Button id="OKButton" runat="server" Text="Close" style="position: relative; right: 0px; width: 100px;" />
</asp:Panel>
<asp:ScriptManager ID="asm" runat="server" />
And below is the code for the animation
<ajaxToolkit:AnimationExtender ID="popupAnimation" runat="server"
TargetControlID="sofLink">
<Animations>
<OnClick>
<Parallel AnimationTarget="ModalPanel"
Duration="0.3" Fps="25">
<FadeIn />
</Parallel>
</OnClick>
</Animations>
</ajaxToolkit:AnimationExtender>
Thanks for any help you can provide.

The TargetControlID (as far as I am aware) should be a control in the popup panel itself, not in the grid control. When I use the ModalPopupExtender I usually use an asp:Button with 'display:none' as the TargetControlID. Eg,
<ajaxToolkit:ModalPopupExtender ID="mpe" runat="server" TargetControlID="btnPopup"
PopupControlID="ModalPanel" DropShadow="true" Drag="true" OkControlID="OKButton" />
<asp:Panel ID="ModalPanel" runat="server" Width="500px" style="width: auto; height: auto;" CssClass="modalPopup">
<asp:Button id="btnPopup" runat="server" style="display:none" />
In the code-behind you have to control the showing and hiding of the control base on an event, eg, GetSoftwareModal. You will also also to bind what you need if applicable.
Hope that helps.

You could use a hidden button and use it's ID as TargetControlID of the ModalPopupExtender.
<asp:Button id="btnShowPopup" runat="server" style="display:none" />
Then you can call the button's click clientside if you want to show the popup immediately without postback in the follwoing way:
<asp:LinkButton ID="sofLink" runat="server" OnClientClick="javascript:document.getElementById('btnShowPopup').click();return false;">LinkButton</asp:LinkButton>

I tried however my animation doesn't display.
I add databind into LinkButton:
<asp:LinkButton ID="sofLink" runat="server" OnClientClick="javascript:document.getElementById('DetailView1').databind();document.getElementById('btnShowPopup').click();return false;">LinkButton</asp:LinkButton>
I think because of databind of DetailView1, it need get data from database. If DetailView1 doesn't bind, the animation display normal.