Hi,
I have an UltraWebTab control that i need to migrate to a new WebTab component.for most of the properties and attributes, i was able to find an equivalence, but for some of them, i'm stuck and i'd like some help, please.
Here is the markup that i have for the UltraWebTab :
<igtab:UltraWebTab ID="UWTGroupTab" runat="server" Height="545px" Width="930px" ImageDirectory="../Infragistics/Images/" BorderColor="#BBBBBB" BorderStyle="Solid" BorderWidth="1px" BackColor="#D1E6FC" meta:resourcekey="UWTGroupTabResource1"> <HoverTabStyle CssClass="HoverTabStyle"> </HoverTabStyle> <DefaultTabStyle Font-Bold="True" ForeColor="#505050" CssClass="DefaultTabStyle"> </DefaultTabStyle> <RoundedImage LeftSideWidth="0" RightSideWidth="10" SelectedImage="../Images/Tab/TabImageSelected.gif" NormalImage="../Images/Tab/TabImageBack.gif" FillStyle="LeftMergedWithCenter"></RoundedImage> <SelectedTabStyle Width="160px" Height="38px" Font-Bold="True" ForeColor="#131A2E"> <Padding Bottom="3px" Left="10px" Top="3px" Right="0px"></Padding> </SelectedTabStyle> <Tabs> <igtab:Tab Key="TAB_Interv_Link_Gener" meta:resourcekey="TAB_Interv_Link_Gener"> <Style CssClass="TabStyle"></Style> <ContentTemplate> <uc3:GeneralIntervLink ID="GeneralIntervLink1" runat="server" /> </ContentTemplate> </igtab:Tab> <igtab:Tab Key="TAB_Interv_Link_Group" meta:resourcekey="TAB_Interv_Link_Group"> <Style CssClass="TabStyle"/> <ContentPane UserControlUrl="../Controls/Dict/GroupIntervLink.ascx"> </ContentPane> </igtab:Tab> <igtab:Tab Key="TAB_Interv_Link_Activation" meta:resourcekey="TAB_Interv_Link_Activation"> <Style CssClass="TabStyle"/> <ContentPane UserControlUrl="../Controls/Dict/Activation.ascx"> </ContentPane> </igtab:Tab> </Tabs> </igtab:UltraWebTab>
here is what i have so far :
<ig:WebTab ID="UWTGroupTab" runat="server" Height="545px" Width="930px" CssClasses-CssClass="CommonTabCtrl" > <TabItemCssClasses CssClass="tab" ActiveCssClass="activeTab" SelectedCssClass="activeTab" HoverCssClass="activeTab" /> <Tabs> <ig:ContentTabItem Key="TAB_Interv_Link_Gener" meta:resourcekey="TAB_Interv_Link_Gener"> <Template> <uc3:GeneralIntervLink ID="GeneralIntervLink1" runat="server" /> </Template> </ig:ContentTabItem> <ig:ContentTabItem Key="TAB_Interv_Link_Group" meta:resourcekey="TAB_Interv_Link_Group" UserControlUrl="../Controls/Dict/GroupIntervLink.ascx"> </ig:ContentTabItem>
<ig:ContentTabItem Key="TAB_Interv_Link_Activation" meta:resourcekey="TAB_Interv_Link_Activation" UserControlUrl="../Controls/Dict/Activation.ascx" /> </Tabs> </ig:WebTab>
What about the RoundedImage elements and all the associated attributes ? Did i used the correct attributes / elements ? what could be the equivalent markup ?
Thank you in advance for your help.. Best regards
Hello Steeve,
Thank you for posting in our community.
I have done some looking into this matter and have found that WebTab currently does not have the RoundedImage options as UltraWebTab. What I can suggest as an alternative is that if you want to have the option for styling the tabs is either do this trough images of CSS. Some further reference about styling tabs with css could be found at:
http://css-tricks.com/tabs-with-round-out-borders/
All the css files that are applied to the WebTab by design could be found at your project - >ig_res folder -> Default(if you are using any Style Set different the default the folder is going to be named after it) - >ig_tab.css file. In this file you will want to apply the images or styles to the following css classes:
igtab_THTab igtab_THTail
igtab_THTailSel igtab_THTabSel
Some additional information on WebTab that you might consider helpful could be found in our official documentation at:
http://help.infragistics.com/doc/ASPNET/2013.2/CLR4.0/?page=Web_WebTab.html
Please let me know if you have any questions concerning this matter.
Please do not hesitate to contact me if you need any further assistance with this matter.