Fill only the lower part of the screen

Hi, I want the popup view to be moving from bottom to up till it fits its size only. what I did is fix the padding-top, the view appears below it which makes it look like it's only filling the lower part of the screen


the problem is that fixing large padding raises the risk that on small screens may be part of the popup will be clipped at the end of the screen, what's the proper way to make the view take its auto-size and the rest of the screen appears as the dimmed grey overlay


thanks


3 Replies

SV Suja Venkatesan Syncfusion Team March 22, 2022 03:16 PM UTC

Hi Amr, 

We are unclear about your requirement and we hope your requirement is to display SfPopupLayout at the bottom.  You can display SfPopupLayout in desired position by absolute positioning. Please refer our user guidelines documentation about absolute positioning in the below link. 


And also please refer below given help docoumentation to display SfPopupView with padding. 

Please revert to us in detail with illustration video or image of your requirement, if we have misunderstood your requirement.  

Regards, 
Suja 



AY Amr Yousef March 23, 2022 03:37 PM UTC

the problem in absolute is that I have to set the top left relative position. how to make sure that the popup takes the height dynamically depending on the content and the lower part is not to be clipped out of the screen?



SV Suja Venkatesan Syncfusion Team March 24, 2022 01:32 PM UTC

Hi Amr, 

We regret for inconvenience caused. Still, we didn’t have clear idea about your requirement. However, you can set AutoSizeMode property value as height to change the SfPopupView height dynamically depending on the content. We have attached a simple SfPopupLayout sample in the below sample link based on your requirement. Please have a look at this sample and let us know if you have any concern in it. 

Please refer our user guidelines documentation regarding AutoSizeMode in the below link. 

If we have misunderstood your requirement, please revert to us with any illustration image or video to proceed further on this. 

Regards, 
Suja 


Loader.
Up arrow icon