Hi,
Layout container is not allowing to resize the component for tablet view in layout mode.
Is there any configuration that needs to be set?
Thanks in advance !
Best Regards,
Kirti Khatri
Solved! Go to Solution.
Views
Replies
Total Likes
Hi @kirtikhatri1,
Could you please confirm if breakpoints for Tablet is configured at template level or at desired page level.
If it is not, please do create by following the steps in below link.
You can also take we-retail site as reference: We retail content page template.
If the above is already done and issue exist, please share your sample template structure if possible for debugging further.
Hi @kirtikhatri1,
Could you please confirm if breakpoints for Tablet is configured at template level or at desired page level.
If it is not, please do create by following the steps in below link.
You can also take we-retail site as reference: We retail content page template.
If the above is already done and issue exist, please share your sample template structure if possible for debugging further.
HI Vijayalakshmi, I had cross checked in we-retail, /conf/we-retail/settings/wcm/templates/content-page/structure/jcr:content/cq:responsive , The same is there in my template structure ie. /conf/<project_name>/settings/wcm/templates/home-page/structure/jcr:content/cq:responsive/breakpoints/tablet. The difference that I noticed is , I have grid.less in /apps/<project_name>/clientlibs/clientlib-grid and I had added it in page policy of template whereas in we-retail, they have grid.less in clientlib-site. So, like as of now, in phone view in layout mode, I can resize my component but not in iPad view. I am still not able to figure out what is wrong with it.
Views
Replies
Total Likes
Hi @kirtikhatri1,
Can you check on the below.
If still no luck, share the grid.less file if possible for further debugging.
Views
Replies
Total Likes
Hi Vijayalakshmi, I tried what you suggested but still issue is same. So like I am attaching grid.less file here :
Views
Replies
Total Likes
Hi @kirtikhatri1,
Project specific grid.less file seems to same as the one used in we-retail.
One final check to narrow down, be in we-retail site page and try adjusting the layout in Tablet view. (This is to check if issue is at instance level or project specific)
Views
Replies
Total Likes
Views
Replies
Total Likes
Hi @kirtikhatri1,
Cross check the steps followed to configure Layout Container once again completely.
Also check if there is any clash with other CSS class part of project targeting the same media query.
Views
Replies
Total Likes
Views
Likes
Replies
Views
Likes
Replies
Views
Likes
Replies
Views
Likes
Replies