Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Input > RadTextBox display label above input

• croach01

  Posted on Jan 25, 2012 (permalink)

  Since the release of Q3 2011, the property EnableSingleInputRendering has made it possible to display the label above the actual input by setting the label's css (LabelCssClass) to: 
  

  .wrapLabel

  {

      float:left;

      clear:left;

  }

  
  While this has the desired effect, you have to reset the width's for the label and the input's container:
  

  .riSingle .riContentWrapper {width: auto !important; }

  .wrapLabel { width: auto !important;}

  
  This allows the input to take up the entire width set by the control's Width property.  
  
  The issue I'm having is that the input extends beyond the bounding box of the control.  If you create 4 controls and set their widths to 25%, you would expect the 4 equally sized controls to take up the available 100% space.  Instead, I think the internal padding is pushing the input beyond the desired bounds of the control.
  
  In the attached files are some screen caps.
  Example 1 shows how the 4th control wraps to the next line. Example 2 shows IE9's Developer Toolbar's view of the span that renders around the entire control.
  
  Is there a way to constrain the input to the desired bounds, given any number of values I can set for the control's Width?
  
  

  Attached files

  • example-1.PNG
  • example-2.PNG

  Reply

• Galin Galin

  Posted on Jan 30, 2012 (permalink)

  Hi Casey,
  
  This issue is happen only in IE7/6 browser due to unsupported scenario of the CSS 3 property box-sizing: border-box. I guess your IE 9 browser is in compatibility or IE 7 mode. However, our developers are looking for a solution.
  
  Please excuse us for the inconvenience this might cause you. Let me know if I can be of further help.
  
  All the best,
  Galin
  the Telerik team

  If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Input > RadTextBox display label above input