New Participant

Solved

Unable to resize components in AEM site

10 replies
5705 views
Translate

I am using AEM 6.4 version and I am totally new to AEM.

I am trying to develop a website following the steps given in the below link.

Getting Started Developing AEM Sites - WKND Tutorial

I am in part 4 of the tutorial (Getting Started with AEM Sites Part 4 - Developing with the Style System)

My problem is that the layout and other components snaps back into place no matter where I drag it at all times.i have tried in different browsers as well. I am not able to resize any of the components. But suprisingly , i was able to resize the components before two days.

Can anyone help me with this please

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Daniel_GordonAccepted solution

Employee

Ah ok looks like the forward slash was accidentally deleted? make sure the contents of /apps/wknd/clientlibs/clientlib-site/components/text/text.less looks like below:

/* WKND Text Styles */

@import (once) "styles/default.less";

@import (once) "styles/quote.less";

smacdonald2008

Level 10

This does look like the cause of the issue. I installed the package too and everyone works well - see my screen shot in this thread.

Translate

Daniel_GordonAccepted solution

Employee

Ah ok looks like the forward slash was accidentally deleted? make sure the contents of /apps/wknd/clientlibs/clientlib-site/components/text/text.less looks like below:

/* WKND Text Styles */

@import (once) "styles/default.less";

@import (once) "styles/quote.less";

Translate

smacdonald2008

Level 10

Are you seeing this view when you load the Sports page:

http://localhost:4502/editor.html/content/wknd/en/sports.html

Translate

vinis2730879Author

New Participant

I have installed part 4 package. That doesn't make any difference.

Translate

vinis2730879Author

New Participant

Yes , i am getting the below error

LESS compilation failed due a JavaScript error!

Input: /apps/wknd/clientlibs/clientlib-site/main.less

Error: ParseError: unmatched `/*` in /apps/wknd/clientlibs/clientlib-site/components/text/text.less on line 2, column 20:

1

2 * WKND Text Styles */

3

Translate

smacdonald2008

Level 10

Also - try installing the package - that will tell us if you missed something or an issue with you AEM server.

Translate

Daniel_Gordon

Employee

Can you check: http://localhost:4502/etc.clientlibs/wknd/clientlibs/clientlib-base.css to see if there are any LESS compilation errors?

Translate

vinis2730879Author

New Participant

I have cleared cache and recompiled Client libs as well. Unfortunately its not working.

Translate

smacdonald2008

Level 10

Another thing you can try. In part 5 - you can access the package for section 4. Try installing that part 4 package and see if that makes a difference.

Translate

L

leoberliant

Employee

Try to clear browser's cache and force to recompile clientllbs: How to force a recompilation of all Sling scripts jsps, java, and sightly in AEM 6.4

Translate