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

[Solved] how to set the CSS per User?

11 Answers 219 Views

Scheduler

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

11 Answers, 1 is accepted

answered on 06 Apr 2009, 02:16 PM

Hello Raul,

In the online example the different styles for the user resources are set declaratively like this:

    
            <ResourceStyles> 
        
            <telerik:ResourceStyleMapping Type="User" Text="Alex" ApplyCssClass="rsCategoryBlue" /> 
        
            <telerik:ResourceStyleMapping Type="User" Text="Bob" ApplyCssClass="rsCategoryOrange" /> 
        
            <telerik:ResourceStyleMapping Type="User" Text="Charlie" ApplyCssClass="rsCategoryGreen" /> 
        
            </ResourceStyles>

Kind regards,
Yana
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

answered on 08 Apr 2009, 01:03 PM

settingappointmentstyle.zip

We have just created a help topic on setting appointment styles which explains in details how this is achieved. The help topic is not live yet so I am sending you the content as a MS word document. We will appreciate any feedback your provide us on it.

All the best,
Peter
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

answered on 08 Apr 2009, 04:00 PM

Thank you for the file, but i think there is something missing, can we walk through the steps ?
1-) create a new project in VS 2008
2-) drag the Rad Scheduler
3-) define your data source
4-) add your resources
so far things are working, then when i do resourcemapping nothing takes effect, its just as if i didnt apply anything.
how does it know where to look for the png files? dont i need to copy them to my project? where in the project? what i suggest is you start VS 2008 and try to do this using resoursestyle mapping, and then make the steps from that. because based on the help pdf it does not work. as i said i assume it needs more steps which i am missing but no documentation points to them.

Thank you,

answered on 08 Apr 2009, 04:22 PM

Update: i tried to use the custom CSS stype you have in your word, it doesnt still work !!
i created a fold "Scheduler" in my project root and copied all the PNG file to that
then in my default.aspx
i added this code in the <head> section

<style type="text/css">
    .RadScheduler .MyCustomAppointmentStyle .rsAptContent,
    .RadScheduler .MyCustomAppointmentStyle .rsAptMid .rsAptIn,
    .RadScheduler .MyCustomAppointmentStyle .rsAptMid,
    .RadScheduler .MyCustomAppointmentStyle .rsAptOut
    {
     background-image: url('~/Scheduler/rsAppointmentBlueBg.png');
    }
    .RadScheduler .MyCustomAppointmentStyle .rsAptContent
    {
     /*font style*/
     color: Blue;
    }
</style>

then in my defaultCS.CS file i added this code
using System;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void RadScheduler1_AppointmentDataBound(object sender, Telerik.Web.UI.SchedulerEventArgs e)
    {
        e.Appointment.CssClass = "MyCustomAppointmentStyle";
    }

}

i even added this to my aspx:
            <ResourceStyles>
                <telerik:ResourceStyleMapping ApplyCssClass="MyCustomAppointmentStyle"
                    Text="Test" Type="User" />
            </ResourceStyles>

still nothing !!! it keeps putting the default gray background.

Any Help is appreciated.

answered on 08 Apr 2009, 10:44 PM

Problem Solved ! sorry for all the posts, but thought if someone is having the same problem as me
in your documentation on how to setup the resourses, you name the resources "Users" yet in all your examples you use "User" thus why i was using using user !!! so correct syntax is :

            <ResourceStyles>
                <telerik:ResourceStyleMapping ApplyCssClass="MyCustomAppointmentStyle"
                    Text="Test" Type="Users" />
            </ResourceStyles>

also you mention there are 10 built in CSS, but in Scheduler.css there is only definition for 3. ( rsCategoryBlue Orange and Green)

Thanks for the help,

Accepted