RadNumericTextbox spinbuttons are invisible

2 posts, 0 answers
  1. Susan
    Susan avatar
    1 posts
    Member since:
    Feb 2011

    Posted 19 Mar 2011 Link to this post

    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>
  2. Martin
    Admin
    Martin avatar
    833 posts

    Posted 24 Mar 2011 Link to this post

    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
Back to Top