Question
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689992000/1ef6b3ec-e849-4ae6-8edc-924c60e97dc6.jpg?itok=q6aOEw74)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689992000/1ef6b3ec-e849-4ae6-8edc-924c60e97dc6.jpg?itok=q6aOEw74)
TCS
US
Last activity: 16 Dec 2019 1:41 EST
Need help on preventing whitepace in dynamic layouts
Hi,
I have created a custom layout. By configuring it suitably, I am able to ensure that the width of the textbox that is included in it is less than 100% (the intent is to prevent the screen from breaking).
But, a whitespace is appearing within the layout to the right of the textbox during runtime. How can I ensure that the whitespace does not appear?
Thanks!
Sourav
-
Like (0)
-
Share this page Facebook Twitter LinkedIn Email Copying... Copied!
Accepted Solution
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689992000/1ef6b3ec-e849-4ae6-8edc-924c60e97dc6.jpg?itok=q6aOEw74)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689992000/1ef6b3ec-e849-4ae6-8edc-924c60e97dc6.jpg?itok=q6aOEw74)
TCS
US
Hi Everyone,
I was able to solve this problem a couple of days ago by selecting the flex-nowrap helper class on the presentation tab of the enclosing layout.
@Moderator: Please feel free to close the thread.
Thanks!
Sourav
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689992000/1ef6b3ec-e849-4ae6-8edc-924c60e97dc6.jpg?itok=q6aOEw74)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689992000/1ef6b3ec-e849-4ae6-8edc-924c60e97dc6.jpg?itok=q6aOEw74)
TCS
US
The problem is that the width of the cell that contains the textbox remains unchanged while the width of the textbox itself reduces.
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
Pegasystems Inc.
US
Can you share screenshots of the configuration and the behavior to help us visualize this issue?
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689992000/1ef6b3ec-e849-4ae6-8edc-924c60e97dc6.jpg?itok=q6aOEw74)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689992000/1ef6b3ec-e849-4ae6-8edc-924c60e97dc6.jpg?itok=q6aOEw74)
TCS
US
Hi,
Thank you for the quick response!!
Screenshot of the layout format in the skin: FAS Fees Inline layout format.jpg
Screenshot of the section rule where the layout has been used: FAS Fees Inline layout in section.jpg
Screenshot of the layout during run time: FAS Fees Inline layout run time.jpg
Thanks!
Sourav
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1690017000/9c950853-cf72-49db-8eb3-908df750b88e.jpg?itok=-Cm7jftb)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1690017000/9c950853-cf72-49db-8eb3-908df750b88e.jpg?itok=-Cm7jftb)
BPM Company
NL
Your width is 90%, but maximum width is 70%. Max width should be more or equal to width.
Plus, what do you mean by "the intent is to prevent the screen from breaking"
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
![](/profiles/pega_profile/modules/pega_user_image/assets/user-icon.png)
Pegasystems Inc.
US
Check the Out of the Box - Inline Grid double layout. You may need something similar.
Set the width to 100% and check whether that helps addresses the white space issue.
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689992000/1ef6b3ec-e849-4ae6-8edc-924c60e97dc6.jpg?itok=q6aOEw74)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689992000/1ef6b3ec-e849-4ae6-8edc-924c60e97dc6.jpg?itok=q6aOEw74)
TCS
US
Thanks everyone! I will try the comments and let you know.
Accepted Solution
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689992000/1ef6b3ec-e849-4ae6-8edc-924c60e97dc6.jpg?itok=q6aOEw74)
![](https://accounts.pega.com/sites/default/files/styles/user_image/public/1689992000/1ef6b3ec-e849-4ae6-8edc-924c60e97dc6.jpg?itok=q6aOEw74)
TCS
US
Hi Everyone,
I was able to solve this problem a couple of days ago by selecting the flex-nowrap helper class on the presentation tab of the enclosing layout.
@Moderator: Please feel free to close the thread.
Thanks!
Sourav
![](https://accounts.pega.com/sites/default/files/pega-user-image/209/REG-209263.png?source=PUMINIT)
![](https://accounts.pega.com/sites/default/files/pega-user-image/209/REG-209263.png?source=PUMINIT)
Pegasystems Inc.
IN