How to convert UltraWebTab to WebTab?

James Wilson posted over 12 years ago

I am a complete 100% newbie to the entire infragistics suite. Here is the old code, my question is how do I convert this into a WebTab?

<igtab:UltraWebTab ID="UltraWebTab1" runat="server" Height="770px" Width="835px" BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" LoadAllTargetUrls="False" AsyncMode="On">
<DefaultTabStyle BackColor="Silver">
</DefaultTabStyle>
<Tabs>
<igtab:Tab Text="Calendar">
<ContentPane TargetUrl="LoadingPage.aspx?TranPage=Calendar.aspx">
</ContentPane>
</igtab:Tab>
<igtab:Tab Text="Online Time Card Approval">
<ContentPane TargetUrl="LoadingPage.aspx?TranPage=TimeCard.aspx">
</ContentPane>
</igtab:Tab>
</Tabs>
<BorderDetails ColorLeft="White" ColorTop="White" />
<RoundedImage FillStyle="LeftMergedWithCenter" />
<AsyncOptions EnableLoadOnDemand="True" />
</igtab:UltraWebTab>
</td>

37874

[Infragistics] Nikolay posted over 10 years ago in reply to Nicole Guivisdalsky

Hi Nicole,

There is a SelectedIndexChanged event that you should use instead of TabClick.
Cancel
Reply

Cancel
710

Nicole Guivisdalsky posted over 10 years ago in reply to [Infragistics] Nikolay

Very useful! Thanks!

How can I implement the event OnTabClick on the new WebTab?

thanks!
Cancel
Reply

Cancel
37874

[Infragistics] Nikolay posted over 12 years ago in reply to James Wilson

Jello James,

I'm glad I could help.

Feel free to contact me if you have any further questions.
Cancel
Reply

Cancel
60

James Wilson posted over 12 years ago in reply to [Infragistics] Nikolay

Thank you very much.
Cancel
Reply

Cancel
37874

Verified Answer
[Infragistics] Nikolay posted over 12 years ago
Hi James,

Thank you for posting in our forum. The markup for the WebTab should be something like the following:

Code Snippet

<ig:WebTab ID="WebTab1" runat="server" Height="770px" Width="835px" BorderColor="Black"

    BorderStyle="Solid" BorderWidth="1px">

    <PostBackOptions EnableAjax="true" EnableLoadOnDemand="true" />

    <Tabs>

        <ig:ContentTabItem runat="server" Text="Calendar" BackColor="Silver"

            ContentUrl="LoadingPage.aspx?TranPage=Calendar.aspx">

        ig:ContentTabItem>

        <ig:ContentTabItem runat="server" Text="Online Time Card Approval" BackColor="Silver"

            ContentUrl="LoadingPage.aspx?TranPage=TimeCard.aspx">

            <TabCssClasses ... />

        ig:ContentTabItem>

    Tabs>

    <CssClasses ... />

ig:WebTab>

The styling of the control is done using the TabCssClasses and CssClasses properties – separate css classes are assigned for different parts and conditions for the WebTab. Then you define these classes as per your requirements in a stylesheet or a style tag.

If you have any specific questions regarding the matter, please do not hesitate to ask.
Cancel
Reply

Reject Answer

Cancel