How to remove the adjust the container to the border of the popup
Question
Application Type
Mobile

Hi,

I want to adjust the contact us container to the border of the popup. I want to remove the side and top margins of the container. so that it looks as a header of the screen.

Solution

Hi Kaustubh,

If you want to remove the padding for all the screens then you can go to your theme module and set padding as 0px for the top, left, and right.

If you want to do the same for a specific screen you add a new CSS class from Style editor of the screen.

Below is the example to set padding as 0px when trying to do it for all the main containers of the theme. 

.layout .main-content.ThemeGrid_Container {

        padding-top: 0px;

padding-right: 0px;

padding-left: 0px;

}


Thanks

Hi @Kaustubh Kamble 

Hope you are doing well.

You can achieve that through CSS.

You can add a "padding:0" to the popup-dialog style classes.

Then, to make it more presentable, give some paddings also to the containers inside the popup.

https://joaoxensa.outsystemscloud.com/PreviewInDevices/?IsMobilePreview=True&DeviceName=Smartphone&URL=/Test/Margin?_ts=637587711469678727

Regards

|João Ascensão

Solution

Hi Kaustubh,

If you want to remove the padding for all the screens then you can go to your theme module and set padding as 0px for the top, left, and right.

If you want to do the same for a specific screen you add a new CSS class from Style editor of the screen.

Below is the example to set padding as 0px when trying to do it for all the main containers of the theme. 

.layout .main-content.ThemeGrid_Container {

        padding-top: 0px;

padding-right: 0px;

padding-left: 0px;

}


Thanks

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.