Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Beta Forum > TreeListView edit template

• Steve MVP

  Posted on Jul 6, 2011 (permalink)

  I'm doing a custom form template (EditFormType)...and inside there I have a table with some controls defined like this
  
  

  <asp:Label runat="server" Text="ID:" AssociatedControlID="locationIDTextBox" />

                                          <telerik:RadNumericTextBox ID="locationIDTextBox" runat="server" DataType="Integer"  DbValue='<%# Bind("LocationID") %>' NumberFormat-DecimalDigits="0" MinValue="0" />

  
  So the problem is that the treelist contains master styles which are hosing me
  
  

  .RadTreeList .rtlEditForm table label {

      float: right;

      padding-right: 2px;

  }

  
  All my labels are now floating to the right of the inputs.
  
  Is there no way to make this mode safe...change the CSS selectors and don't apply this for custom templates perhaps?

  Reply

• Galin Galin

  Posted on Jul 8, 2011 (permalink)

  Hello Steve,
  
  I recommend that you try the following CSS:
  

  div.RadTreeList .rtlEditForm table label

  {

      float: left;

  }

  
  For more information, please refer to the following blog post.
  
  I hope this helps.
  
  Kind regards,
  Galin
  the Telerik team

  Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

  Reply


• Steve MVP

  Posted on Jul 8, 2011 (permalink)

  No no, you misunderstand...it's not that I am unaware on how to style or override css :)
  
  The issue is with a global selector as you have defined (all labels inside the edit form) will cause headaches for anyone who USES a label inside an edit template
  
  I would like you guys to make your selector more specific so that the float only applies to the labels on your base stylesheets instead of globally saying "every label inside edit mode MUST ALWAYS float right by default so in EVERY case for edit mode you will have to override us"

  Reply

• Galin Galin

  Posted on Jul 12, 2011 (permalink)

  Hi Steve,
  
  I am sorry for my misunderstanding in the previous post.
  
  You are right that it is better to style only specific label or other elements instead styling them globally. But also keep in mind that our goal is each RadControl to render minimal output. To target specific label we need additional class to this element and this will generate additional HTML source. We know that our clients can reset the CSS rule and perhaps this is better for the performance, e.g.:
  

  div.RadTreeList .rtlEditForm table label

  {

      float: none;

  }

  
  Greetings,
  Galin
  the Telerik team

  Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Beta Forum > TreeListView edit template