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

How to apply theme for the Schelduler

4 Answers 127 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Shimon
Top achievements
Rank 2
Shimon asked on 14 Mar 2014, 09:16 AM
Hello

I have some trouble to apply a theme for the schelduler.
I want to apply the "Moonlight" theme  for the "Schelduler selection" that can be currently selected in the Kendo webpage Demos.
I choose the theme but the code of the Kendo UI web page doesn't change.

Cf : http://demos.telerik.com/kendo-ui/web/scheduler/selection.html

I use Kendo UI 2013.3.1511 and Razor engine.

Here is my code :
@(Html.Kendo().Scheduler<iMail.Web.Models.TaskViewModel>()
                    .Name("scheduler")
                    .Date(DateTime.Now)
                    .StartTime(new DateTime(2013, 6, 13, 7, 00, 00))
                    .Height(600)
                    .Views(views =>
                    {
                        views.DayView();
                        views.WeekView();
                        views.MonthView();
                        views.AgendaView(agenda => agenda.Selected(true));
                    })
                    .Selectable(true)
                    .Timezone("Etc/UTC")
                    .Editable(editable => {
                        editable.TemplateName("_EditorTemplatePartial");
                    })
                    .DataSource(d => d
                            .Model(m => {
                                  
                                m.Id(f => f.TaskID);
                                m.Field(f => f.Title).DefaultValue("No title");
                                m.RecurrenceId(f => f.RecurrenceID);
                            })
                        .Events(e => e.Error("error_handler"))
                        .Read("TasksRead", "Dashboard")
                        .Create("Tasks_Create", "Dashboard")
                        .Destroy("Tasks_Destroy", "Dashboard")
                        .Update("Tasks_Update", "Dashboard")
                    )
                )


4 Answers, 1 is accepted

Sort by
0
Rosen
Telerik team
answered on 14 Mar 2014, 12:07 PM
Hi Shimon,

The theme of the widget is determined by the kendo styles included on the page. If you want to use the moonlight theme you will need to include the kendo.common.min.css as well as kendo.moonlight.min.css. More information on how to setup the ASP.NET MVC application with UI for ASP.NET  MVC can be found in our documentation. (MVC3, MVC4, MVC5)

Regards,
Rosen
Telerik
 

DevCraft Q1'14 is here! Watch the online conference to see how this release solves your top-5 .NET challenges. Watch on demand now.

 
0
Shimon
Top achievements
Rank 2
answered on 14 Mar 2014, 02:43 PM
Hello
Thank a lot for your answer but the page of my website which contains the schelduler are now using the moonlight theme.
The only thing i want is to set the moonlight theme only on the Schelduler.

I set my code for the schelduler in a separated file "ScheldulerPartial.cshtml" that i call like that : @Html.Partial("ScheldulerPartial")
I create a bundle like this :
bundles.Add(new StyleBundle("~/bundles/moonlight").Include(
                "~/Content/Kendo/2013.3.1511/kendo.common.css",
                "~/Content/Kendo/2013.3.1511/kendo.moonlight.css"));
And in my ScheldulerPartial.cshtml i use the style
                @Styles.Render("~/bundles/moonlight")

I don't know how to deal with it.
0
Accepted
Rosen
Telerik team
answered on 14 Mar 2014, 04:10 PM
Hello Shimon,

I'm afraid that setting theme for individual widget is not supported by default. However, you may refer to this forum thread, which discuss possible workaround.

Regards,
Rosen
Telerik
 

DevCraft Q1'14 is here! Watch the online conference to see how this release solves your top-5 .NET challenges. Watch on demand now.

 
0
Shimon
Top achievements
Rank 2
answered on 17 Mar 2014, 02:46 PM
Thank you very much
Tags
Scheduler
Asked by
Shimon
Top achievements
Rank 2
Answers by
Rosen
Telerik team
Shimon
Top achievements
Rank 2
Share this question
or