How to select a div element in the code-behind page

Question

I have a div element    lt div class  tab-pane active  id  portlet tab1  gt    I want to control this element from the code-behind page and remove the class  active   NOTE     Div doesn t contain the runat  server  property  This is not the master page file but this is another file named  AssignImages aspx  and it contains ContentPlaceHolder    The div is inside this ContentPlaceHolder    lt asp Content ContentPlaceHolderID  ContentPlaceHolder1  runat  server  ID  Content1  gt

User · Answer

Give ID and attribute runat  server  as     lt div class  tab-pane active  id  portlet tab1  runat  server  gt      somecode  Codebehind   Access at code behind      Control Test   Page FindControl  portlet tab1        Test Style Add  display    none          or       portlet tab1 Style Add  display    none

User · Answer

id   runat  server  leads to accessible at the server

User · Answer

CarlosLanderas is correct depending on where you ve placed the DIV control  The DIV by the way is not technically an ASP control  which is why you cannot find it directly like other controls  But the best way around this is to turn it into an ASP control   Use asp Panel instead  It is rendered into a  lt div gt  tag anyway      lt asp Panel id  divSubmitted  runat  server  style  text-align center  visible  false  gt      lt asp Label ID  labSubmitted  runat  server  Text  Roll Call Submitted  gt  lt  asp Label gt   lt  asp Panel gt    And in code behind  simply find the Panel control as per normal     Panel DivCtl1    Panel gvRollCall FooterRow FindControl  divSubmitted    if  DivCtl1    null      DivCtl1 Visible   true    Please note that I ve used FooterRow  as my  psuedo div  is inside the footer row of a Gridview control   Good coding

User · Answer

you ll need to cast it to an HtmlControl in order to access the Style property    HtmlControl control    HtmlControl Page FindControl  portlet tab1    control Style Add  display   none

User · Answer

If you want to find the control from code behind you have to use runat  server  attribute on control  And then you can use Control FindControl    lt div class  tab-pane active  id  portlet tab1  runat  server  gt   Control myControl1   FindControl  portlet tab1    if myControl1  null          do stuff     If you use runat server and your control is inside the ContentPlaceHolder you have to know the ctrl name would not be portlet tab1 anymore  It will render with the ctrl00  format   Something like   ctl00 ContentPlaceHolderMain portlet tab1  You will have to modify name if you use jquery   You can also do it using jQuery on client  side without using the runat-server attribute    lt script type  text javascript  gt           portlet tab1   removeClass  Active      lt  script gt

User · Answer

You have make div as server control using following code    lt div class  tab-pane active  id  portlet tab1  runat  server  gt    then this div will be accessible in code behind

[c#] How to select a div element in the code-behind page?

Examples related to c#

Examples related to asp.net