This is a migrated thread and some comments may be shown as answers.

RadNumericTextbox spinbuttons are invisible

1 Answer 147 Views
Input
This is a migrated thread and some comments may be shown as answers.
Susan
Top achievements
Rank 1
Susan asked on 19 Mar 2011, 08:28 PM
I have several RadNumericTextBoxes with Skin="", using the RadFormDecorator to apply the "Telerik" skin.  That is working fine.  However, when I try to show spin buttons - they are there, but invisible.  I can click to the right of the numeric text box and the numbers change up and down, but I can't see the arrows.  If I change the Skin to ="Telerik", the spin icons show up but the textbox does not skin, it goes back to standard textbox format.  Can anyone help me figure out how to get the spin boxes to show?  Thanks.

<telerik:RadFormDecorator ID="RadFormDecorator1" Runat="server"
           DecoratedControls="All" Skin="Telerik" />
 
                 <table id="FormTable" cellspacing="2" cellpadding="1" width="100%" border="2" rules="none"                      
                       style="border-collapse: collapse;"  frame="border" bgcolor="#EBEBEB">
                       <tr class="EditFormHeader">
                           <td style="font-size: small">
                               <b>Group Details</b>
                           </td>
                       </tr>    
                           <tr>
                           <td>
                               <table id="Table5" border="0" cellpadding="1" cellspacing="1" class="module"
                                           width="100%">
                                           <tr>
                                               <td>
                                               </td>
                                               <td>
                                               </td>
                                           </tr>
                                           <tr>
                                               <td>
                                                   Meter Group:
                                               </td>
                                               <td>
                                                   <asp:TextBox ID="TextBox5" runat="server" Text='<%# Bind("GroupName") %>'>
 
                                           </asp:TextBox>
                                               </td>
                                           </tr>
                                           <tr>
                                               <td>
                                                   Number of Meters in this Group:
                                               </td>
                                               <td>
                                               <telerik:RadNumericTextBox ID="rntbNbrUpgrade" Type="Number" runat="server"
                                                   DbValue='<%# Bind("NbrUpgrade") %>' Width="70px" 
                                                       NumberFormat-DecimalDigits="0" Skin="" Class="grideditcol1input" ShowSpinButtons="true">
                                               </telerik:RadNumericTextBox>
                                               </td>
                                           </tr>
                                       </table>
                                      
                                   </td>
                               </tr>

1 Answer, 1 is accepted

Sort by
0
Martin
Telerik team
answered on 24 Mar 2011, 09:36 AM
Hello Susan,

Please note that images for spin buttons are anchor elements (<a> tag) which as stated here are not part of the elements that RadFormDecorator skins. You should either manually apply images to your spin buttons or set a skin to the numeric text box. I tried the code bellow and it works as expected on my side:

<asp:ScriptManager runat="server" ID="ScriptManager1">
</asp:ScriptManager>
<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All"
    Skin="Forest" />
<asp:TextBox ID="TextBox5" runat="server" Text="GroupName">
</asp:TextBox>
<telerik:RadNumericTextBox ID="rntbNbrUpgrade" Type="Number" runat="server" Value='10'
    Width="70px" NumberFormat-DecimalDigits="0" Skin="Forest" ShowSpinButtons="true">
</telerik:RadNumericTextBox>

I hope this helps.

Regards,
Martin
the Telerik team
Tags
Input
Asked by
Susan
Top achievements
Rank 1
Answers by
Martin
Telerik team
Share this question
or