custom editor template width

Hi

I am using a custom editor template in my SfScheduler with via:

    <ScheduleTemplates>

        <EditorTemplate>

              (template tags in here)

        </EditorTemplate>

    </ScheduleTemplates>

How do I set the width of the Editor when it is open? (it looks to be fixed at 500px at the moment)

Thanks






3 Replies

VS Venkateshwaran Saravanakumar Syncfusion Team September 15, 2023 01:07 PM UTC

Hi Leigh,

You can adjust the width of the custom editor by overriding the default css styles as demonstrated in the code snippet below.


[Index.razor]

<style>

    .e-dialog.e-popup {

        width: 100px !important;

    }

</style>




Regards,
Venkatesh


Attachment: BlazorSchedulerEditorTemplate_3309b538.zip


LA Leigh Anderson September 18, 2023 03:53 PM UTC

Thank you.

Leigh



SR Swathi Ravi Syncfusion Team September 19, 2023 05:57 AM UTC

Hi Leigh,


You are most welcome! Get back to us if you need any further assistance.


Regards,

Swathi Ravi


Loader.
Up arrow icon