Scheduler WeekHeader and Slot

1 Answer 58 Views
Scheduler
Kelvin
Top achievements
Rank 1
Kelvin asked on 11 Oct 2024, 09:33 AM

Hi,

I want to bypass the showing of appointment view when clicking on slot or in appointment created.
and how can I modify the week header.

I want to modify the header to have only 1 letter for days name and i want to make more smaller
then in the slot I want to remove the scroll when clicked I want to not show the appointment view .

1 Answer, 1 is accepted

Sort by
0
Accepted
Yana
Telerik team
answered on 11 Oct 2024, 01:23 PM

Hello Kelvin,

Straight to your questions:

 - You can bypass showing the dialog for creating appointments by subscribing to DialogOpening event and cancelling it in the event handler. The approach is described here: Scheduler Built-in Dialogs: Events.

- You would need to set the DayStringFormat property of the WeekView in order to define a different format for the days headers, check here for more details information: Scheduler: Custom Date Formats.

- In order to make the Scheduler smaller in height, you can set its Height explicitly and remove the time ruler by setting the ticks to be in 24 h and TimeRulerLength to "0". For more details on the TimeRuler settings check here: Scheduler: Time Ruler.

In addition, I noticed in the image the header is missing - you can remove it by applying a custom ControlTemplate to the Scheduler.

Here is a quick example:

<Grid RowDefinitions="100, *">
    <telerik:RadScheduler x:Name="scheduler" >
        <telerik:RadScheduler.ViewDefinitions>
            <telerik:WeekViewDefinition Title="Work Week"
                                    MajorTickLength="24:00:00"
                                    MinorTickLength="24:00:00"
                                    TimeRulerWidth="0" 
                                    DayStringFormat="{}{0:dd}"/>
        </telerik:RadScheduler.ViewDefinitions>
        <telerik:RadScheduler.ControlTemplate>
            <ControlTemplate>
                <Grid RowDefinitions="*">
                    <telerik:RadSchedulerContent x:Name="PART_SchedulerContent"
                                                IsClippedToBounds="True" />
                </Grid>
            </ControlTemplate>
        </telerik:RadScheduler.ControlTemplate>
    </telerik:RadScheduler>
</Grid>

I hope this would be of help. Let me know if I can assist with anything else.

 

Regards,
Yana
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Kelvin
Top achievements
Rank 1
commented on 11 Oct 2024, 02:18 PM

What about removing all the border line?
Yana
Telerik team
commented on 14 Oct 2024, 07:15 AM

I am not sure I understand this requirement, could you elaborate a little bit more, can you send an image of the expected result?
Kelvin
Top achievements
Rank 1
commented on 14 Oct 2024, 02:23 PM

this borders

Yana
Telerik team
commented on 14 Oct 2024, 07:42 PM

Hi Kelvin,

Thank you for the updated image.

You can control the borders' color by setting Major/MinorTickLineStyle and Horizontal/VerticalLineStyle properties of the view definition - you can set them to Transparent in order to remove visually the lines. Here is an example of how to set these properties:

.NET MAUI Scheduler Lines Styling

I hope this would be of help.

Kelvin
Top achievements
Rank 1
commented on 15 Oct 2024, 11:42 AM

Thanks. 

I still have one more. 
Is it possible to add tap command on day? with date parameter.

like tapping in Sunday with argument of it's date.
Yana
Telerik team
commented on 15 Oct 2024, 12:45 PM

Hi Kelvin,

I am afraid that wouldn't be possible. The Scheduler provides events for tapping on appointments and slots, still, the days can only be customized, like you can modify their format and style.

I hope this wouldn't be a show-stopper for you.

Tags
Scheduler
Asked by
Kelvin
Top achievements
Rank 1
Answers by
Yana
Telerik team
Share this question
or