Vertical Scrollbar in Dynamically Created TabPanel,

Question

0.00/5 (No votes)

See more:

Hello Friends,

I am creating Dynamic Tabs in web page. Tabs header and content are coming from database.

Sometimes my tab content has more in length so it increases the height of my tabpanel and it changes the alignment of other components on the page.

I want a scrollbar so that if the content goes more than the specific height then it will show the vertical scrollbar.

MY Problem Is:

I have tried a JQuery scroller for same but as my tabs are dynamically generating(i.e from database) but it never works for dynamically generated tabs. (It works for static div but not in tabs)

I Think following situation may creating the problem..I don't know whether it is right or wrong.
when my tabs get created it attaches Tabcontainername to Tabpanel so the tabpanel name changes in runtime. I think it creates a problem for JQuery to create Scroller at run time.

Can anybody suggest me how to do it????

Thanks in advance.
Shailesh Junghare.

Posted 24-Jan-12 0:24am

saj_21

Add a Solution

1 solution

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)

Aradhana Rajgor · Answer 1 · 2012-01-27T23:52:00

Hi,
you can do something like this to set the scrollbar

C#

 AjaxControlToolkit.TabContainer tcMain = new AjaxControlToolkit.TabContainer();
            tcMain.ID = "tcMain";
            string strTabName = "";
            try
            {
                if (ds.Tables[0].Rows.Count > 0)
                {
                    short i = 0;
                    foreach (DataRow dr in ds.Tables[0].Rows)
                    {
                        strTabName = dr["tab_name"].ToString();
                        AjaxControlToolkit.TabPanel tpNew = new AjaxControlToolkit.TabPanel();
                        tpNew.ID="tb" + strTabName;
                        tpNew.TabIndex = i;
                        tpNew.HeaderText = strTabName;
                        Panel pnlNew = new Panel();


                        pnlNew.ScrollBars = ScrollBars.Vertical;


                        
                        LiteralControl lcIframe = new LiteralControl();
                        lcIframe.Text = "<iframe name="" + strTabName + "" height="100%" width="100%" border="0" hold=" />                                        " frameborder="0" src="tabs/" + dr["file_path"].ToString() + <br mode="hold" />                                        dr["tab_main_page"].ToString() + "">test</iframe>";
                        pnlNew.Controls.Add(lcIframe);
                        tpNew.Controls.Add(pnlNew);
                        tcMain.Tabs.Add(tpNew);
                        i++;
                    }
                }
            }
catch (Exception ex)
            {   
                throw ex;
            }
        }

Let me know if you face any issue