Monday, February 27, 2023

Responsive Layouts not working for the nested containers - Adobe Experience Manager(AEM)

The responsive layout resizing was not working for the nested 3rd-level containers in the Editable template.

The responsive layout containers with Editable templates help the authors to manage the page layouts through drag-and-drop resizing. But it looks to be the resizing is not working when nested more than two levels - the resizing stopped working in the 3rd level.

The actual issue is the responsive configurations (cq:responsive node) are not inherited to the 3rd level.

Added a container (container1) 

  •   Container(container1) is aligned to a specific column, e.g., 8.
  •   Added a child container 2 to the container 1.
  •   Added a child container 3 to container 2.
  •   Made container 3 a responsive grid.
  •   Added a text component to container 3.
  •   Layouting not working for the text component.

Workaround: Resize container 3 to a different column size and return to the original column size — this will add the cq:responsive node to container 3 and allow the layout for the text component.




Monday, February 13, 2023

npm ERR! code ENOENT - npm WARN checkPermissions Missing write access

I received the exception below while installing the magnolia CLI npm package from the checked-out code repository(https://github.com/robertkowalski/magnolia-cli.git).

npm install -g

npm WARN checkPermissions Missing write access to xxxx\Magnolia\magnolia-cli\node_modules\bluebird
npm WARN checkPermissions Missing write access to xxxx\Magnolia\magnolia-cli\node_modules\command-exists
npm WARN checkPermissions Missing write access to xxxx\Magnolia\magnolia-cli\node_modules\commander
npm WARN checkPermissions Missing write access to xxxx\Magnolia\magnolia-cli\node_modules\diff
npm WARN checkPermissions Missing write access to xxxx\Magnolia\magnolia-cli\node_modules\fs-extra
npm WARN checkPermissions Missing write access to xxxx\Magnolia\magnolia-cli\node_modules\findup-sync
npm WARN checkPermissions Missing write access to xxxxt\Magnolia\magnolia-cli\node_modules\i18next
npm WARN checkPermissions Missing write access to xxxx\Magnolia\magnolia-cli\node_modules\i18next-sync-fs-backend
npm WARN checkPermissions Missing write access to xxxxt\Magnolia\magnolia-cli\node_modules\npm-registry-client
npm WARN checkPermissions Missing write access to xxxx\Magnolia\magnolia-cli\node_modules\inquirer
npm WARN checkPermissions Missing write access to xxxxt\Magnolia\magnolia-cli\node_modules\osenv
npm WARN checkPermissions Missing write access to xxxxt\Magnolia\magnolia-cli\node_modules\progress
npm WARN checkPermissions Missing write access to xxxx\Magnolia\magnolia-cli\node_modules\tar
npm WARN checkPermissions Missing write access to xxxx\Magnolia\magnolia-cli\node_modules\yaml-js
npm WARN checkPermissions Missing write access toxxxx\Magnolia\magnolia-cli\node_modules
npm WARN checkPermissions Missing write access to xxxx\Magnolia\magnolia-cli\node_modules\@magnolia
npm ERR! code ENOENT
npm ERR! syscall access
npm ERR! path xxxx\Magnolia\magnolia-cli\node_modules\ansi-escapes
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, access 'xxxx\Magnolia\magnolia-cli\node_modules\ansi-escapes'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\xxx\AppData\Roaming\npm-cache\_logs\2023-02-13T18_36_08_935Z-debug.log

This error was due to the magnolia CLI already installed globally through "npm install  @magnolia/cli -g".

Use "npm list @magnolia/cli -g" command to view the existing package; uninstall the existing package through "npm uninstall @magnolia/cli"

Now the local installation(npm install -g) from the checked-out code will be a success.