How to change the scheduler editor window height in mobile mode? - from 174289

[Michael]

Michael , May 8, 2023 

Hi All,

I have a problem with the dialog on mobile, where if I use a fixed bootstrap nav bar, the dialog takes up the entire viewport, and the top of the dialog, where the buttons are, is hidden under the toolbar.

https://youtube.com/shorts/RBp9YDJAVZQ

This happens if I use

[Sabitha Rajamani]

This happens if I use <nav class="... fixed-top>

Is it possible to set the dialog height to 80vh

Michael

[Swathi Ravi]

Hi Michael,

You can achieve your requirement in mobile mode by using the media screen with max width, as shown in the below shared snippet.

[index.razor]

<style>

    @@media (max-width: 481px) {

        .e-popup.e-popup-open.e-dialog {

            height: 200px;

        }

    }

</style>

Regards,

Swathi Ravi

Attachment: blazorschedulerchangeeditorheight_983479a.zip