Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

why in spa page component css width is given with 1024 px and not full width of the browser

Avatar

Level 3

Screenshot (649).png

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

SPA
1 Accepted Solution

Avatar

Correct answer by
Community Advisor

@ravir73578276,

With a sensible guess, this is probably because of the page that is being edited is using a template (which may be referencing to basepage.html), which may contain a container wrapper CSS style rule; this style rule will constrict the maximum width of anything within the parsys (drag and dropable area). If you want 100% width, you may need to extend your project's basepage.html, and remove the additional CSS style rules. Or you can simply directly clean up the basepage.html. 

View solution in original post

1 Reply

Avatar

Correct answer by
Community Advisor

@ravir73578276,

With a sensible guess, this is probably because of the page that is being edited is using a template (which may be referencing to basepage.html), which may contain a container wrapper CSS style rule; this style rule will constrict the maximum width of anything within the parsys (drag and dropable area). If you want 100% width, you may need to extend your project's basepage.html, and remove the additional CSS style rules. Or you can simply directly clean up the basepage.html.