numeric textbox ie6 style

4 posts, 0 answers
  1. adam
    adam avatar
    15 posts
    Member since:
    Sep 2010

    Posted 14 Mar 2011 Link to this post

    Hi 

    I'm using the formdecorator to style forms! i have a numeric textbox which in ie6 still pulls in an embedded default style or if i set it to not use embedded styles it still doesnt apply the formdecorator skin

    <telerik:RadFormDecorator DecoratedControls="Textbox,Textarea,Select,CheckBoxes,RadioButtons,Buttons" DecorationZoneID="FormDecorator" runat="server" />
     <fieldset id="FormDecorator">
                <legend>Company Details</legend>
                <ul>
                    <li>
                        <asp:Label AssociatedControlID="TextBox" runat="server">TextBox Label</asp:Label>
                        <asp:TextBox ID="TextBox" runat="server" Width="200"></asp:TextBox>
                    </li>
                    <li>
                        <asp:Label AssociatedControlID="NumericTextBox" runat="server">NumericTextBox Label</asp:Label>
                        <telerik:RadNumericTextBox ID="NumericTextBox" runat="server"  Width="200"></telerik:RadNumericTextBox>
                    </li>
                    <li>
                        <asp:Label AssociatedControlID="TextArea" runat="server">TextArea Label</asp:Label>
                        <asp:TextBox ID="TextArea" TextMode="MultiLine" Width="200" runat="server"></asp:TextBox>
                    </li>
                    <li>
                        <asp:Label AssociatedControlID="RadComboBox1" runat="server">ComboBox Label</asp:Label>                       
                        <telerik:RadComboBox ID="RadComboBox1" Skin="Default" Width="208" runat="server">
                        <Items>
                            <telerik:RadComboBoxItem Text="ComboBox Item" />
                            <telerik:RadComboBoxItem Text="ComboBox Item" />
                            <telerik:RadComboBoxItem Text="ComboBox Item" />
                            <telerik:RadComboBoxItem Text="ComboBox Item" />
                        </Items>
                        </telerik:RadComboBox>
                    </li>
                    <li>
                        <asp:Label AssociatedControlID="CheckBox" runat="server">CheckBox Label</asp:Label>
                        <asp:CheckBox ID="CheckBox" runat="server" />
                    </li>
                    <li>
                        <asp:Label AssociatedControlID="RadioButton" runat="server">RadioButton Label</asp:Label>
                        <asp:RadioButton ID="RadioButton" runat="server" />
                    </li>
                    <li>
                        <asp:Button Text="Submit" runat="server" Width="50" />
                    </li>
                </ul>
            </fieldset>


    skin file the <telerik:RadNumericTextBox line stops the default skin being set. in my appthemes i have custom skins for combobox, formdecorator. 

    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
     
    <telerik:RadTabStrip Skin="esPay" EnableEmbeddedSkins="false" runat="server" />
     
    <telerik:RadFormDecorator EnableRoundedCorners="false" EnableEmbeddedSkins="false" Skin="esPay" runat="server" />
     
    <telerik:RadNumericTextBox EnableEmbeddedSkins="false" Skin="esPay" runat="server"  />                    
     
    <telerik:RadComboBox Skin="esPay" EnableEmbeddedSkins="false" runat="server" />

    if i firebug the page i can see it adding the wrapper class for the custom skin round the numeric textbox, this works in all but ie6!

    any ideas guys?
  2. Bozhidar
    Admin
    Bozhidar avatar
    680 posts

    Posted 16 Mar 2011 Link to this post

    Hello Adam,

    If you want RadNumericTextBox to be styled by RadFormDecorator, you should set an empty skin property: Skin="". In the following example based on yours, the NumericTextBox is styled with Telerik Black skin (coming form RadFormDecorator) and look the same way as other textboxes:

    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        </telerik:RadScriptManager>
        <telerik:RadFormDecorator ID="RadFormDecorator1" DecoratedControls="Textbox,Textarea,Select,CheckBoxes,RadioButtons,Buttons"
            DecorationZoneID="FormDecorator" runat="server" Skin="Black" />
        <fieldset id="FormDecorator">
            <legend>Company Details</legend>
            <ul>
                <li>
                    <asp:Label ID="Label1" AssociatedControlID="TextBox" runat="server">TextBox Label</asp:Label>
                    <asp:TextBox ID="TextBox" runat="server" Width="200"></asp:TextBox>
                </li>
                <li>
                    <asp:Label ID="Label2" AssociatedControlID="NumericTextBox" runat="server">NumericTextBox Label</asp:Label>
                    <telerik:RadNumericTextBox ID="NumericTextBox" runat="server" Width="200" Skin="">
                    </telerik:RadNumericTextBox>
                </li>
                <li>
                    <asp:Label ID="Label3" AssociatedControlID="TextArea" runat="server">TextArea Label</asp:Label>
                    <asp:TextBox ID="TextArea" TextMode="MultiLine" Width="200" runat="server"></asp:TextBox>
                </li>
                <li>
                    <asp:Label ID="Label4" AssociatedControlID="RadComboBox1" runat="server">ComboBox Label</asp:Label>
                    <telerik:RadComboBox ID="RadComboBox1" Skin="Default" Width="208" runat="server">
                        <Items>
                            <telerik:RadComboBoxItem Text="ComboBox Item" />
                            <telerik:RadComboBoxItem Text="ComboBox Item" />
                            <telerik:RadComboBoxItem Text="ComboBox Item" />
                            <telerik:RadComboBoxItem Text="ComboBox Item" />
                        </Items>
                    </telerik:RadComboBox>
                </li>
                <li>
                    <asp:Label ID="Label5" AssociatedControlID="CheckBox" runat="server">CheckBox Label</asp:Label>
                    <asp:CheckBox ID="CheckBox" runat="server" />
                </li>
                <li>
                    <asp:Label ID="Label6" AssociatedControlID="RadioButton" runat="server">RadioButton Label</asp:Label>
                    <asp:RadioButton ID="RadioButton" runat="server" />
                </li>
                <li>
                    <asp:Button ID="Button1" Text="Submit" runat="server" Width="50" />
                </li>
            </ul>
        </fieldset>
        </form>


    Regards,
    Bojo
    the Telerik team
    Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. adam
    adam avatar
    15 posts
    Member since:
    Sep 2010

    Posted 16 Mar 2011 Link to this post

    awesome that works perfect.

    i have another issue along the same lines

    in formdecorator you can decorate buttons, how can i apply the button style to hyperlinks witin a form?
  5. Bozhidar
    Admin
    Bozhidar avatar
    680 posts

    Posted 16 Mar 2011 Link to this post

    Hello Аdam,

    RadFormDecorator decorates form elements only, but not anchors. I am not quite sure what you are trying to achieve, but you have an option to create some custom CSS to make the hyperlinks to look similar to buttons, another option is to consider to use RadButton control.

    All the best,
    Bojo
    the Telerik team
    Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.
Back to Top