Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Treeview > Unwanted padding in treeview

• adam

  Posted on Feb 1, 2010 (permalink)

  I am seeing an unwanted padding in my treeview like this:
  padding: 1px 0 1px 20px
  
  Also all my selected items are showing a 1px wide border around them when I don't want that.
  
  How do I override this style for my treeview to fix it?
  
  Thanks!
  Adam
  
  
  

• adam

  Posted on Feb 1, 2010 (permalink)

  I should also mention that Firebug tells me that the bad style is coming from /WebResource.axd?d=EpzGTez....
  
  
  
  instead of my TreeViewSiteMap.css where I try to override it like this:
  
  .RadTreeView_SitefinitySiteMap .rtTop,
  .RadTreeView_SitefinitySiteMap .rtMid,
  .RadTreeView_SitefinitySiteMap .rtBot
  {
      padding: 0 0 0 0px;
  }
  
  No matter how I set my CSS, I still get this unwanted padding.
  
  Thanks!
  Adam
  
  
  

• Yana Yana

  Posted on Feb 2, 2010 (permalink)

  Hello Adam,
  
  I suggest you use "!important" css rule to overwrite treeview's default padding.
  
  The border of the hovered and selected nodes can be removed with the following css styles:
  
  

  .RadTreeView .rtHover .rtIn,

  .RadTreeView .rtSelected .rtIn {

     border: 0px !important;

     padding: 4px 3px 3px !important;

  }

  
  
  Regards,
  Yana
  the Telerik team

  
  Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  Follow the status of features or bugs in PITS and vote for them to affect their priority.

• adam

  Posted on Feb 2, 2010 (permalink)

  I have several css files that define the ".rtHover .rtIn" styles, so which one controls this by default? For example, I have the following treeview css files and not sure which is the one to modify:
  
    Sitefinity\Admin\Themes\Default\AjaxControlsSkins\Sitefinity\TreeViewFiles.css
    Sitefinity\Admin\Themes\Default\AjaxControlsSkins\Sitefinity\TreeViewSiteMap.css
    Sitefinity\UserControls\Dialogs\TreeViewSiteMap.css
    App_Themes\purple\screen.css
  
  Thanks!
  Adam
  
  

• adam

  Posted on Feb 2, 2010 (permalink)

  The reason I ask which file to change is that so far, I have made "!important" changes to all of the above and I cannot seem to make a difference in the appearance of the treeview, so I think I am missing or misunderstanding something here...
  
  Thanks!
  Adam
  
  

• Yana Yana

  Posted on Feb 4, 2010 (permalink)

  Hello Adam,

  
  TreeViewSiteMap.css  RAdTreeView controla coito listva "allPages" v backend, TreeViewFiles.css is used from Files section in the admin to show the file system as a treeview.  Both files are not referenced unless you've set "SitefinitySiteMap" or "SitefinityFiles" to some control or in web.config.
  
  

  You can check whether the styles come from using Firebug in Firefox.
  If this doesn't help, please send us a live url where we could observe the issue. Thanks
  

  
  Best regards,
  Yana
  the Telerik team

  
  Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  Follow the status of features or bugs in PITS and vote for them to affect their priority.

• adam

  Posted on Feb 5, 2010 (permalink)

  Firebug tells me that the bad styles are coming from WebResource.axd, so how do I determine which css file it actually is?
  

• Yana Yana

  Posted on Feb 9, 2010 (permalink)

  Hello Adam,
  
  Could you send us a live url so we to be able to observe this issue? Thanks in advance.
  
  Regards,
  Yana
  the Telerik team

  
  Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  Follow the status of features or bugs in PITS and vote for them to affect their priority.

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Treeview > Unwanted padding in treeview