How to show the contents of a li control in code behind

Question

0.00/5 (No votes)

See more:

Hi,

In my application I am using the UL and LI controls for creating a tab control inside the LI I am having the anchor tag to call a div tag when the li control is clicked it is working fine. Now for some user I want to make the another tab as default, I can able to change the class of the li control in code behind the tab is active but the content inside of the tab is showing wrongly, it is showing first tab content I want to show that tab content. I have changed all the things as runat=server but I can't able to show that tab content. Can u please help me to solve this issue. Here is my code:

.aspx

HTML

<ul  runat="server" class="nav nav-tabs bordered"> 
    <li  runat="server" id="AnalysId" class="active"><a href="#Analysis" data-toggle="tab">Analysis</a></li>
    <li  runat="server" id="CorrectiveId" class="" id=""><a href="#Corrective" data-toggle="tab">Corrective Action</a></li>
    <li  runat="server" id="ImplementId" class=""><a href="#Implementation" data-toggle="tab">Implementation</a></li>
</ul>

<div id="myTabContent" class="tab-content padding-10">
    <div class="tab-pane fade active in smart-form" id="Analysis"></div>
    <div class="tab-pane fade" id="Corrective"></div>
    <div class="tab-pane fade" id="Implementation">
</div>

.aspx.cs

C#

CorrectiveId.Attributes.Add("class", "active");

In the above code the default active tab is analysis. In code behind I am making the Corrective Action to active, the tab is active but the content inside the Corrective div is not displayed it is displaying the Analysis div contents.

Thanks in Advance

Posted 23-Aug-14 21:47pm

Member 7946563

Updated 24-Aug-14 8:55am

Yvan Rodrigues

v2

Add a Solution

Comments

ZurdoDev 25-Aug-14 7:43am

Don't you have javascript that shows/hides the divs when clicking the tabs, or something like that? Sounds like you need to incorporate that too.

gggustafson 26-Aug-14 14:05pm

You're missing a </div>

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

vikinghunter · Answer 1 · 2014-08-26T21:43:00

Also have to add "active" to your TabContent div:

XML

<div id="myTabContent" class="tab-content padding-10">
    <div class="tab-pane fade" id="Analysis"></div>
    <div class="tab-pane fade active in smart-form" id="Corrective"></div>
    <div class="tab-pane fade" id="Implementation"></div>
</div>

Bhavik_Patel · Answer 2 · 2014-08-26T22:02:00

Solution 2

you have to manage this thing using javascript.
make javascript function and call it from server side.

Posted 26-Aug-14 22:02pm

Bhavik_Patel