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
Upgrading old Infragistics to new Infragistics 2014 version 2 - ########
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
  • 20255
    Suggested Answer
    Offline posted

    Hello,

    The new WebTab is architecturally different from the old UltraWebTab, so you should keep in mind that for most of the properties wont exist direct equivalents.

    - For TabItem styling I can suggest you to use the class atrrributes from TabItemCssClasses section:


                   
        
    - Equivalent for "BeforeSelectedTabChange" client event is "SelectedIndexChanging"
    - Under Tabs, you should now use ContentTabItem.
    - If you want to use templating you should define your tab like this:


     
      <%-- some="" contols="" --="">
     

    I have created a sample with WebTab implementation in order to show you basic Tab configuration.

    For more information have a look at the reference below:

    http://help.infragistics.com/Doc/ASPNET/2015.1/CLR4.0/?page=WebTab_Getting_Started_with_WebTab.html

    Example.zip
Reply Children
No Data