This is a migrated thread and some comments may be shown as answers.

Resource Grouping Row Style

2 Answers 39 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Joe
Top achievements
Rank 1
Joe asked on 02 Jun 2009, 08:55 PM
I am looking for styling info on the resource grouping row header - which displays the resource name.

For some reason the text seems to be larger than the other text in the scheduler - about the same size as the large date font in the header. (I'm using embeded skins) The large text is being cut-off by the calendar to the right of this row header.

I found this post: http://www.telerik.com/community/forums/aspnet-ajax/scheduler/radscheduler-style.aspx

Which describes the .rsVerticalHeaderTable styles. Is this the correct style attribute for this area? If so, is there any way to modify this style without modifying the full skin? I want to continue to use embeded skins, just reduce the font size for all skins in this area. Can I simply just add a <script type="text/css"> tag to my page modifying this style to have it affect the scheduler regardless of what skin is selected? Alternatively, if there was a way to force this text to wrap at the border of the calendar, that would suffice.

Thank you.

2 Answers, 1 is accepted

Sort by
0
Peter
Telerik team
answered on 03 Jun 2009, 02:02 PM
Hello Joe,

Yes, you can control the style of the resource and time headers independently of the skin. You can include css styles for both vertical and horizontal grouping of resources directly in the head of the page using <style type="text/css">....:
 <style type="text/css">  
    /*css selector for resource header*/ 
    .rsVerticalHeaderTable th  
    {  
        color: Red !important;  
    }      
    /*css selector for time header */ 
    .rsVerticalHeaderTable th div  
    {  
        colorblack !important;  
    }  
      
     /*css selector for resource header in horizontal grouping*/ 
    .rsHorizontalHeaderTable th  
    {  
        color: Green !important      
    }  
      
     /*css selector for time header in horizontal grouping*/ 
    .rsHorizontalHeaderTable th span  
    {  
        color: Gray !important      
    }  
      
    </style> 


Best wishes,
Peter
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.
0
Joe
Top achievements
Rank 1
answered on 03 Jun 2009, 03:53 PM
Thanks, works great!
Tags
Scheduler
Asked by
Joe
Top achievements
Rank 1
Answers by
Peter
Telerik team
Joe
Top achievements
Rank 1
Share this question
or