ScheduleView Template with Blend

6 posts, 0 answers
  1. Joe
    Joe avatar
    31 posts
    Member since:
    Apr 2012

    Posted 08 Apr 2014 Link to this post

    Is it possible to use Blend to generate the various templates based on a theme instead of the default theme?

    I would like to generate a template for the ScheduleView based on the Windows 8 theme and then modify it colors.

    Thank you,
    Craig
  2. Masha
    Admin
    Masha avatar
    355 posts

    Posted 09 Apr 2014 Link to this post

    Hello Craig,

    At the moment Blend will always generate the default Office Black theme when you try to edit the control template of any of RadControls. Applying a theme will only be reflected on the design surface and the generated XAML will still have the Office Black theme as its source.

    I suggest that you take the resources from the UI for Silverlight installation folder on your machine.  Inside that folder you will find the Themes.Implicit folder which contains all themes resources. Just drill down to the Telerik.Windows.Controls.ScheduleView.xaml file for Windows8 theme and include needed resources in your project.

    I hope this helps. If you have difficulties finding resources, please submit a request to our support team, we are ready to assist you.



    Regards,
    Masha
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. DevCraft banner
  4. Joe
    Joe avatar
    31 posts
    Member since:
    Apr 2012

    Posted 09 Apr 2014 in reply to Masha Link to this post

    Thank you,
    That did help.

    I am now trying to change the style for the "date headers".

    For the day and week view it appears like; "31 Sunday" "01 Monday" with blue "today"
    For month it appears "01" "02" "03" in silver gradient button with blue "today"
    For Timeline it appears "31-10-2014" silver gradient button

    I would like to change the month and timeline to appear with just the white background like the windows8 theme but with the text color of my choice.

    I cannot find where those headers are being created.

    Thank you,
    Craig
  5. Masha
    Admin
    Masha avatar
    355 posts

    Posted 11 Apr 2014 Link to this post

    Hi Craig,

    You need to create a TimeRulerItemStyleSelector in order to modify the foreground color of TimeRuler Items. More about TimeRuler Items you can read in this help article. I recommend you using Implicit Styles approach for styling RadScheduleView. In this case you need to use NoXaml assemblies  and merge them in App.xaml. Also you can create custom styles based on them and only change those properties you need to.

    I've prepared a sample project that demonstrates this approach.  Hope it helps.

    Regards,
    Masha
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  6. Joe
    Joe avatar
    31 posts
    Member since:
    Apr 2012

    Posted 14 Apr 2014 in reply to Masha Link to this post

    Thank you,

    That worked for the Month View and Timeline View.

    How do I change the headers/go-to-day buttons for the Week view?

    I would also like to change the "Today" text color for the Day View and Week View?

    The other item I would like to change is the vertical "week of" / "30 Mar - 5 Apr" for the Month View.

    Thank you,
    Criag
  7. Masha
    Admin
    Masha avatar
    355 posts

    Posted 16 Apr 2014 Link to this post

    Hi Craig,

    You need to modify GroupHeaderButton control template in order to change the go-to-day-buttons style.
    The foreground color is controlled by the VisualStateGroup named TodayStates. Simply put the desired colors inside Today and NotToday VisualStates and they will be applied on all group header buttons in the application.

    I've demonstrated this in the attached project. Hope this will help.

    Regards,
    Masha
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
DevCraft banner