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

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


2 Replies

SR Sabitha Rajamani Syncfusion Team May 12, 2023 12:52 PM UTC

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

Is it possible to set the dialog height to 80vh


Michael



SR Swathi Ravi Syncfusion Team May 15, 2023 12:04 PM UTC

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

Loader.
Up arrow icon