Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
1620
WebTab: Upgrading "UltraWebTab" to "WebTab"......properties not found....plzzz help ASAP...........
posted

I am converting Infragistics 2010 v2 CLR3.5 to Infragistics 2014 v2 using 4.5 CLR using Visual Studio 2013 Professional Update 4. I am getting following error while building the project. Please reply immediately..........

Below is the code of "UltraWebTab", I would like to know the new properties of "WebTab" which I was unable to found....Plzz reply POINT-WISE ...after my points which would be easier for me to implement.

  1. Scroll Buttons: I am not able to see <PressedStyle BackColor="#E1EDFF"> and <HoverStyle BackColor="LightSteelBlue"> ... please let me know alternative so that my functionality don't get disturbed.
  2. ClientEvents: What is the same alternative property of "BeforeSelectedTabChange" as this one this one is not valid attribute coming while upgrading  <ClientEvents  BeforeSelectedTabChange="contentTab_BeforeSelectedTabChange"></ClientEvents>
  3. Under "Tabs" - Tab Key=1 : Under <Tabs>, <igtab:Tab Key="1"> it is not taking "Tab", what should I use?? *********This is really very important as I am using total 5 different Tabs like Tab Key=2, Tab Key=3, Tab Key=4, Tab Key=5..............like how this is one Tab Key=1 shown in below code such different Tab key till 5 being used so code is too long. Below is just one example I pasted here for your reference......
  4. ContentTemplate: <ContentTemplate> element ContentTemplate is not supported is coming but it is a huge functionality so give the alternative of this.
<igtab:UltraWebTab ID="contentTab" runat="server" Height="100%" Width="100%" DisplayMode="Scrollable">
                                    <ScrollButtons>
                                        <PressedStyle BackColor="#E1EDFF">
                                        </PressedStyle>
                                        <HoverStyle BackColor="LightSteelBlue">
                                        </HoverStyle>
                                        <Style Height="18px" Font-Size="8pt" Font-Names="Verdana">
                                            
                                        </Style>
                                    </ScrollButtons>
                                    <ClientSideEvents BeforeSelectedTabChange="contentTab_BeforeSelectedTabChange"></ClientSideEvents>
                                    <DefaultTabStyle Height="26px" Font-Size="8pt" Font-Names="Verdana" BackColor="#E1EDFF">
                                    </DefaultTabStyle>
                                    <RoundedImage SelectedImage="./images/ig_tab_blueb2.gif" NormalImage="./images/ig_tab_blueb1.gif"
                                        FillStyle="LeftMergedWithCenter"></RoundedImage>
                                    <DefaultTabSeparatorStyle Font-Size="8pt" Font-Names="Verdana">
                                    </DefaultTabSeparatorStyle>
                                    <Tabs>
                                        <igtab:Tab Key="1">
                                            <ContentTemplate>
                                                <table id="grid1Table" cellspacing="0" cellpadding="0" width="100%" border="0">
                                                    <tr>
                                                        <td id="grid1Td1" style="font-weightboldfont-size10ptcolorwhitefont-familyVerdana;                                                             background-imageurl(./images/taskBkgd.gif)" nowrap="nowrap" width="90%" height="25"
                                                            runat="server">
                                                        </td>
                                                        <td style="background-imageurl(./images/taskBkgd.gif)" height="25">
                                                        </td>
                                                        <td nowrap="nowrap" align="right" style="background-imageurl(./images/taskBkgd.gif)"
                                                            height="25">
                                                            <a id="lnkBulkExport1" style="font-weightboldfont-size8ptcolorwhitefont-familyVerdana"
                                                                href="#" runat="server">Export All</a> &#160;&#160; <a id="lnkFR1" style="font-weightbold;                                                                     font-size8ptcolorwhitefont-familyVerdana" href="#" runat="server">Bulk
                                                                    Replace</a>&#160;
                                                            <asp:Image ID="imgGridCopy1" Style="cursorhand" runat="server" ToolTip="Copy to Clipboard - F12"
                                                                ImageUrl=".\images\copy.ico"></asp:Image>&#160;
                                                            <asp:Image ID="imgGridhlp1" Style="cursorhand" runat="server" ToolTip="Launch Help File (If Available)"
                                                                ImageUrl=".\images\help.gif"></asp:Image>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2">
                                                            <asp:Label ID="lblErr1" runat="server"></asp:Label>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="3">
                                                            <igtxt:WebDateTimeEdit ID="WebDateTimeEdit1" runat="server" Visible="False" DisplayModeFormat="MM/dd/yyyy hh:mm:ss tt"
                                                                EditModeFormat="MM/dd/yyyy hh:mm:ss tt">
                                                            </igtxt:WebDateTimeEdit>
                                                            <igtxt:WebDateTimeEdit ID="WebDateTimeEdit_DateOnly1" runat="server" Visible="False"
                                                                DisplayModeFormat="MM/dd/yyyy" EditModeFormat="MM/dd/yyyy">
                                                            </igtxt:WebDateTimeEdit>
                                                            <igtxt:WebTextEdit ID="WebTextEdit1" runat="server" Visible="False">
                                                            </igtxt:WebTextEdit>
                                                            <igtxt:WebNumericEdit ID="WebNumericEdit1" runat="server" Visible="False">
                                                            </igtxt:WebNumericEdit>
                                                            <igtbl:UltraWebGrid ID="grid_1" runat="server" Height="200px" Width="325px">
                                                                <DisplayLayout Name="gridx1" BorderCollapseDefault="Separate" RowHeightDefault="20px"
                                                                    Version="4.00">
                                                                    <FrameStyle BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="8pt"
                                                                        Height="200px" Width="325px">
                                                                    </FrameStyle>
                                                                    <Pager>
                                                                        <PagerStyle BackColor="LightGray" BorderStyle="Solid" BorderWidth="1px">
                                                                            <BorderDetails ColorLeft="White" ColorTop="White" />
                                                                        </PagerStyle>
                                                                    </Pager>
                                                                    <EditCellStyleDefault BorderStyle="None" BorderWidth="0px">
                                                                    </EditCellStyleDefault>
                                                                    <HeaderStyleDefault BackColor="LightGray" BorderStyle="Solid">
                                                                        <BorderDetails ColorLeft="White" ColorTop="White" />
                                                                    </HeaderStyleDefault>
                                                                    <RowStyleDefault BackColor="White" BorderColor="Gray" BorderStyle="Solid" BorderWidth="1px"
                                                                        Font-Names="Verdana" Font-Size="8pt">
                                                                        <Padding Left="3px" />
                                                                        <BorderDetails ColorLeft="White" ColorTop="White" />
                                                                    </RowStyleDefault>
                                                                    <AddNewBox>
                                                                        <BoxStyle BackColor="LightGray" BorderStyle="Solid" BorderWidth="1px">
                                                                            <BorderDetails ColorLeft="White" ColorTop="White" />
                                                                        </BoxStyle>
                                                                    </AddNewBox>
                                                                    <ActivationObject BorderColor="" BorderWidth="">
                                                                    </ActivationObject>
                                                                </DisplayLayout>
                                                                <Bands>
                                                                    <igtbl:UltraGridBand>
                                                                        <AddNewRow View="NotSet" Visible="NotSet">
                                                                        </AddNewRow>
                                                                    </igtbl:UltraGridBand>
                                                                </Bands>
                                                            </igtbl:UltraWebGrid>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td align="center" colspan="3">
                                                            <input id="btnAdd1" type="button" value=" Add  " runat="server" />
                                                            <input id="btnDelete1" type="hidden" value="Delete" runat="server" />
                                                            <asp:Button ID="btnClearAllMessages1" runat="server" Text="Bulk Message Update">
                                                            </asp:Button>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </ContentTemplate>
                                        </igtab:Tab>
Parents
No Data
Reply
  • 18204
    Suggested Answer
    Offline posted

    Hi Jack,

    Thank you for posting in our forums!

    Please see my responses to your points below:

    1.  The styling for scroll buttons in the WebTab is handled through images.  You can create images for the scrollbuttons in their states and specify the images through the imageUrl properties available in the ScrollButtons.NextButton and ScrollButtons.PreviousButton collections.  These collecitons contain a HoverImageUrl and a PressedImageUrl.  You can find more information on styling our controls in our styling documentation here.

    2.  In our newer controls, our naming convention follows the rules of any "-ing" events are fired before the action completes and any "-ed" events fire after the action completes.  In this case, you should handle the "SelectedIndexChanging" client event.

    3 & 4.  The classes that are used inside the Tabs collection has changed.  You can see an example of using the new classes below:

    <Tabs>
        <ig:ContentTabItem runat="server" Text="Tab 1" Key="1">
            <Template>
                <span>test</span>
            </Template>
        </ig:ContentTabItem>
        ...
    </Tabs>

    You can find more information on using the new WebTab in our documentation here.

    If you need further assistance with this, please let me know.

Children