This is a migrated thread and some comments may be shown as answers.

Telerik TabStrip integrated with bootstrap column size

0 Answers 57 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
章民
Top achievements
Rank 1
章民 asked on 17 Jul 2017, 06:47 AM

I have a ASP.NET webform project and want to add bootstrap. But I meet a problem for the RadTabStrip's RadTab with col-xs-6(bootstrap). The RadTabStrip's RadTabs are dynamically created by code. I also set the "col-xs-6 btn btn-primary" to RadTab's attriibute of "class".  I wish I can see two columns RadTab per row in the size of xs(col-xs-6). But I still failed in the RadTab's color and arrange. Does somebody know how to solve this problem´╝č

 

<telerik:RadTabStrip RenderMode="Lightweight" runat="server" ID="RadTabStripMenu" MultiPageID="RadMultiPageMenu" SelectedIndex="0" OnTabClick="RadTabStripMenu_TabClick">

 

for (int index = 0; index < dt.Rows.Count; index++)
{
    string intOrderNo = dt.Rows[index]["intOrderNo"].ToString().Trim();
    string chMenuItem = dt.Rows[index]["chMenuItem"].ToString().Trim();
    string chDescritp = dt.Rows[index]["chMenuName"].ToString().Trim();
 
    short tabIndex = Convert.ToInt16(chMenuItem.Substring(2, 3));
 
    RadTab radTabItem = new RadTab();
    radTabItem.Text = chDescritp;
    radTabItem.Value = tabIndex.ToString();
    radTabItem.PageViewID = "RadPageViewMenu" + tabIndex.ToString();
    radTabItem.Font.Size = new FontUnit(FontSize.Large);
    radTabItem.CssClass = "TabItem";
    radTabItem.Attributes.Add("class", "col-xs-6 btn btn-primary");
 
    RadTabStripMenu.Tabs.Add(radTabItem);
    RadTabStripMenu.DataBind();//add 20170504
}

 

No answers yet. Maybe you can help?

Tags
TabStrip
Asked by
章民
Top achievements
Rank 1
Share this question
or