numeric textbox ie6 style

[adam]

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?

[Bozhidar]

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

[adam]

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?

[Bozhidar]

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