Adjusting width of appointment in day view

Hi,

I want to adjust width of the appointment in day view. At present, appointment's width is coming for whole day, but I want to limit the width for 50% of the day only.

As a workaround I can create 2 appointments for same date and time and then it will show each appointment in 50% width, but I don't want to create 2 appointments for this.

Please suggest


3 Replies 1 reply marked as answer

SS SaiGanesh Sakthivel Syncfusion Team August 24, 2021 10:32 AM UTC

Hi Rupesh, 
 
Thank you for using syncfusion products. 
 
#Regarding Adjusting width of appointment in day view 
We have checked the reported query from our end. you can achieve your requirement with the help of AppointmentTemplate property in schedule. Please refer to the following code snippet for your reference. 
 
Code snippet 
<schedule:SfSchedule.AppointmentTemplate> 
    <DataTemplate> 
        <Grid> 
            <Grid.ColumnDefinitions> 
                <ColumnDefinition Width="0.5*"/> 
                <ColumnDefinition Width="0.5*"/> 
            </Grid.ColumnDefinitions> 
            <Label Text="{Binding EventName}" VerticalOptions="FillAndExpand" Grid.Column="0" BackgroundColor="{Binding Color}" /> 
        </Grid> 
    </DataTemplate> 
</schedule:SfSchedule.AppointmentTemplate> 
 
Please refer to the tested sample in the following location. 
 
Please let us know if you have any concerns. 
 
Regards,
SaiGanesh Sakthivel
 


Marked as answer

RU Rupesh August 25, 2021 12:58 PM UTC

Thanks a lot, it is working as intended



SS SaiGanesh Sakthivel Syncfusion Team August 26, 2021 10:51 AM UTC

Hi Rupesh, 
 
Thank you for the update. 
 
We are glad to know that our solution meets your requirement. Please let us know if you need any further assistance. 
 
Regards,
SaiGanesh Sakthivel
 


Loader.
Up arrow icon