Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > ToolBar > asp:CheckBox text in ItemTemplate doesn't align center vertically

• Paul Buxton

  Posted on Jul 29, 2009 (permalink)

  Hi,
  
  I have a simple checkbox in my RadToolbar in an item template.  The checkbox square appears aligned vertically correctly, but the associated Checkbox text appears to be lower.
  
  Is there some stylesheet seeting i need to apply to this?
  
  Its the 2008 Q3 SP1 version, applicable to both FF3.5 and IE8.  Other browsers and versions untested.
  
  
  Paul.

  Reply

• Yana Yana

  Posted on Jul 30, 2009 (permalink)

  Hi Paul,
  
  I suggest you set CssClass property of the checkbox like this:
  
  

  <telerik:RadToolBar ID="RadToolBar1" runat="server">

  <Items>

  <telerik:RadToolBarButton Text="test">

  <ItemTemplate>

  <asp:CheckBox ID="CheckBox1" runat="server" Text="checkbox test" CssClass="checkB" />

  </ItemTemplate>

  </telerik:RadToolBarButton>

  </Items>

  </telerik:RadToolBar>

  
  and add the following styles to your page:
  
  

  <style type="text/css">

  .checkB label{

  position: relative;

  top: -2px;

  }

  </style>

  
  
  Kind regards,
  Yana
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Check out the tips for optimizing your support resource searches.

  Reply



• Prasad

  Posted on Dec 29, 2009 (permalink)

  Thanks :)

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > ToolBar > asp:CheckBox text in ItemTemplate doesn't align center vertically