show business hour button and customzing the schedular

[Ajay]

hi
how we can add show business hour button
and how we can customize the advanced template.
And we also want to show the advanced template only not the inline template how we can achive this thing.
?

[Veronica]

Hi Ajay,

1) "show business hours" button is shown only when RadScheduler displays 24 hours day. E.g you need to set the ShowFullTime property of the RadScheduler to "true".
2) Please take a look at this demo for customizing the Advanced Template.
3) To be able to show the advanced template only - you need to set the StartInsertingInAdvancedForm="true" and StartEditingInAdvancedForm="true".

Please let me know if you have further questions.

Best wishes,
Veronica Milcheva
the Telerik team

[Ajay]

do we have any event that is fired when advanced template is loaded or when we click on scheduler?
we want to load some dynamic data when user click on the scheduler

[Veronica]

Hello Ajay,

You can use the OnFormCreated event to prepopulate the RadScheduler data as it fires just before the Inline/Advanced Form is opened. Also you may use the OnClientTimeSlotClick event as it fires when you click on a slot in RadScheduler.

Please let me know if you have further questions.

Regards,
Veronica Milcheva
the Telerik team

[shubhangi]

Hi Ajay,

I want to display 'Show 24 Hours...' only if my created schedule on 5 pm or greater than that. Could you please help me in that.

 

Thanks,

Shubh

[Hristo Valyavicharski]

Hi Shubh,

Can you clarify what do you mean? Please attach screenshot.

Thanks.

Regards,
Hristo Valyavicharski
Telerik

[shubhangi]

Hi,

Please see the screenshot. You will get idea.

 

 

[Hristo Valyavicharski]

Load the scheduler using Ajax and set the ShowFullTime property to false:

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    <Scripts>
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
    </Scripts>
</telerik:RadScriptManager>
<script type="text/javascript">
    var scheduler;
    function pageLoad() {
        scheduler = $find("RadScheduler1");
    }

    function loadScheduler() {
        var ajaxManager = $find("ajaxManager");
        ajaxManager.ajaxRequest("5PM");
    }
</script>

<telerik:RadAjaxManager runat="server" ID="ajaxManager" OnAjaxRequest="ajaxManager_AjaxRequest">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="ajaxManager">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadScheduler1" />
                <telerik:AjaxUpdatedControl ControlID="ajaxManager" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>

<telerik:RadScheduler ID="RadScheduler1" runat="server" RenderMode="Classic" AdvancedForm-Enabled="true"
    ShowFullTime="true"
    SelectedDate="09/01/2015" DayStartTime="08:00:00" DayEndTime="21:00:00" FirstDayOfWeek="Monday"
    LastDayOfWeek="Friday" Height="497px" EnableRecurrenceSupport="false">
    <WeekView UserSelectable="true" />
    <DayView UserSelectable="true" />
</telerik:RadScheduler>

protected void Page_Load(object sender, EventArgs e)
{
    RadScheduler1.Provider = new XmlSchedulerProvider(Server.MapPath("~/App_Data/Appointments.xml"), true);

}
protected void ajaxManager_AjaxRequest(object sender, AjaxRequestEventArgs e)
{
    if (e.Argument == "5PM")
    {
        RadScheduler1.ShowFullTime = false;
    }
    else
    {
        RadScheduler1.ShowFullTime = true;
    }
}

Regards,
Hristo Valyavicharski
Telerik