Lay Theme Forum

It would be great if there was a way to drag rows (rather than using the up/down arrows) to change their order and move them up or down the page more easily.

Currently if you want to move a pair of 2 rows up above lets say 5 rows above them, then you have to click the up arrow 10 times times in total which can be hard to follow and tedious. It would be helpful if rows have some sort of draggable handle, where you can pick it up and move it up/down the page easily in the same way you can move a page element, rather having to click the arrows.

@arminunruh amazing thanks for making this happen. Great feature addition.

@arminunruh yes exactly. The way you have provided the left hand option is cool too for flexibility. My thinking was that it would be really useful to have the option to select left or right hand options.

@arminunruh Also a bad bug I just found. If you have a number of accordion rows, and add a new one then it retains your existing content. But if you change the number to more than one new row (ie add two or more new rows), it deletes and resets all your content!

@arminunruh new accordion is such a nice feature. So easy and fast to use and move around the page. Thanks for getting that in. One little tweak, would be great to be able to position the open/close icon on either the left or the right of the accordion if possible. Also would be great if cursor changes on hover, given they are active links. Otherwise it's perfect.

I wanted to suggest the ability to bring more features to the carousel so it can be used to display horizontally scrolling content "cards" or modules. These could include:

• Specific card shape and dimensions, like rounded corners, background colour etc
• Specific hover state, so when you hover over the card, an overlay effect can appear, like transparency, or text, or an image
• Specify a background photo
• Specify the headline and caption to sit on top of the card
• Ability to customise the left/right arrow style/image for the horizontal scrolling feature

It would be great if there was a simple elegant accordion feature, that allows you to embed accordions into a page. I know you can manually construct these using collapsed rows, but they are very problematic and clunky. They need lots of tinkering, it's hard to easily shuffle the order of items, and impossible to move the entire accordion around on the page or into a right/left hand column of a row.

Ideal features would be:

• Add an accordion element to the page via the "+More" drop down menu, in the same way you add a shortcode
• Create the accordion row title and the contents that expand
• Ability to add/remove accordion rows easily
• Ability to easily re-order rows
• Ability to select from a few icon options (+/-) that open/close the accordion rows
• Ability to add text/image or video inside the accordion content
• Ability to define how they expand/collapse

Accordions are such a useful tool for embedding a lot of content and making it easily discoverable, like FAQs, and it feels like it's something Lay is missing.

@arminunruh This is working well. Would it be possible to add a little icon to those elements that are locked, so they can easily be seen on the page. Like a little padlock in the top right corner? Currently the only way to know is to manually try and move things which is time consuming if you have a page with a number of locked elements you are trying to manage.

Yeah this is great @arminunruh. A really nice feature addition. Thanks for taking that on board.

I think both options are actually really useful. Locking it entirely prevents accidental editing/deleting which is a risk. While locking position only allows editing and prevents accidental movement/repositioning. Both would be great features. Could you have "Lock Position" and "Lock Element"?

Amazing @arminunruh , will this allow the item to still be edited while its position is only locked? That's the ideal scenario as @michael_vvc mentioned

This need has come up many times. It would be really great if it was possible to lock any element on the grid - images, text, shortcakes etc.

A simple right click with a "lock element" feature would be ideal. This helps prevent accidental changes to the site by clients who want to log in and manage content. This has happened to us a number of times, where we have had to then go in and try and restore it.

Thankyou this is perfect. I spend half a day tweaking code that just never works as I really want ir. Appreciate the help.

Sorry one more query on this. On mobile, I want the overlay to site centred full width at the bottom of the screen with 10px on each side. However again struggling to get this working. I've gotten this far but it causes issues. The overlay close button no loner works and its become buggy.

.overlay-id-974.lay-slide-from-right {
  top: auto !important;
  bottom: 30px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

Thankyou Armin. That works!

@arminunruh I have tested the positioning code you have shown, the challenge is I only want to apply it to one overlay, not all of them (because I use overlays as slide out menus). I have tried to target the overlay id, but it won't work no matter what I do. This is the code I keep arriving at but still no luck. What am I doing wrong here?

/* 1. Only transform this specific overlay */
.lay-overlay .overlay-id-974.lay-show-overlay.lay-slide-from-right {
  transform: translateX(-50px) !important;
}

/* 2. Only reposition this specific overlay */
.lay-overlay .overlay-id-974.lay-slide-from-right {
  top: auto !important;
  bottom: 50px !important;
}

/* 3. Only set height for this specific overlay */
.lay-overlay .overlay-id-974 {
  height: 300px !important;
}

@arminunruh You are Yoda. Thankyou.

Ok without being greedy. Is there a way to add a drop shadow to an overlay page? So that it looks more like it's floating onto of the page?

Related to this is also the ability to hide page overlays from indexing. It would be great if this could be added. Overlays often do not included navigation or global elements in them, so if they show up on Google they become dead end pages, as they are meant to be overlaying the main site, which contains the main UI and nav.

Is there a way to position the overlay more specifically so it's for example in the bottom right hand corner, 50px from the bottom and right edge of the browser window? Then on mobile maybe it's just in the bottom third of the window?