Height

[Ivan]

Hello,

when I set the scheduler to auto height, is there an option to make the e-schedule-toolbar-container sticky and only have one scroll per page?

Also when I have mentioned setup, in the mobile version, when you scroll down, quick info dialog opens at the top of the page (top:0px)

Tnx in advance!

[Vinitha Devi Murugan]

Hi Ivan, 

 

Syncfusion Greetings. 

 

Q1: We achieved your requirement by making use of CSS. Please refer below sample. 

https://stackblitz.com/edit/mbdlwi?file=index.js 

 

  .e-check::-webkit-scrollbar { 

    display: none; 

  } 

  

  .e-schedule .e-schedule-toolbar-container { 

    position: fixed !important; 

    top: 0px !important; 

    left: 0px !important; 

    z-index: 10 !important; 

    width: 100%; 

  } 

 

Q2: We suspect that your query is related to quick popup in mobile mode, if you open the quick popup in mobile mode it will shows up with top 0px. It’s default behavior.  

 

Regards, 

M.Vinitha devi 

 

[Ivan]

Hi,

your A1 still has same problem - 2 scroller

https://stackblitz.com/edit/mbdlwi-ef72js

A2:

what if you show calendar range for 10h with 15min step, auto width will have height ( dummy example ) 1000px, height of quick info is ( dummy value ) 150px; In this case you will need scroll to top of page to see quick details. For me, expected behaviour is that quick info is presented as editor dialog. At Top, Bottom, Center of viewport

Attachment: images_fa2af158.zip