Unable to resize components in AEM site | Community
Skip to main content
vinis2730879
vinis2730879
September 28, 2018
Solved

Unable to resize components in AEM site

  • September 28, 2018
  • 10 replies
  • 5701 views

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.
Best answer by Daniel_Gordon

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";

10 replies

L
Adobe Employee
leoberliantAdobe Employee
Adobe Employee
September 28, 2018

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

smacdonald2008
smacdonald2008
Level 10
September 28, 2018

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.

vinis2730879
vinis2730879Author
September 28, 2018

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

Daniel_Gordon
Adobe Employee
Daniel_GordonAdobe Employee
Adobe Employee
September 28, 2018

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

smacdonald2008
smacdonald2008
Level 10
September 28, 2018

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

vinis2730879
vinis2730879Author
September 28, 2018

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

vinis2730879
vinis2730879Author
September 28, 2018

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

smacdonald2008
smacdonald2008
Level 10
September 28, 2018

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

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

Daniel_Gordon
Adobe Employee
Daniel_GordonAdobe EmployeeAccepted solution
Adobe Employee
September 28, 2018

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
smacdonald2008
Level 10
September 28, 2018

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.

Terms & ConditionsAccessibility statement

Loading footer...