Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Feedback
  3. simple elegant accordion feature

simple elegant accordion feature

Scheduled Pinned Locked Moved Feedback
10 Posts 3 Posters 975 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • G Offline
    G Offline
    Glyph
    wrote last edited by
    #1

    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.

    1 Reply Last reply
    0
    • arminunruhA Offline
      arminunruhA Offline
      arminunruh
      Global Moderator
      wrote last edited by
      #2

      hello! yes i will start working on the accordion element today

      1 Reply Last reply
      0
      • B Offline
        B Offline
        barrybianco
        wrote last edited by
        #3

        The new accordion is great, but is it possible to modify the accordion element to add HTML instead of a text block? That would be awesome!

        1 Reply Last reply
        0
        • G Offline
          G Offline
          Glyph
          wrote last edited by Glyph
          #4

          @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.

          1 Reply Last reply
          0
          • G Offline
            G Offline
            Glyph
            wrote last edited by
            #5

            @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!

            1 Reply Last reply
            0
            • arminunruhA Offline
              arminunruhA Offline
              arminunruh
              Global Moderator
              wrote last edited by
              #6

              oh damn! ok i will work on it now!

              1 Reply Last reply
              0
              • arminunruhA Offline
                arminunruhA Offline
                arminunruh
                Global Moderator
                wrote last edited by
                #7

                image.png

                do u want icons to be on the far right like this?

                G 1 Reply Last reply
                0
                • arminunruhA arminunruh

                  image.png

                  do u want icons to be on the far right like this?

                  G Offline
                  G Offline
                  Glyph
                  wrote last edited by
                  #8

                  @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.

                  1 Reply Last reply
                  0
                  • arminunruhA Offline
                    arminunruhA Offline
                    arminunruh
                    Global Moderator
                    wrote last edited by
                    #9

                    if u update lay theme now the bug is fixed and you have this setting too

                    G 1 Reply Last reply
                    0
                    • arminunruhA arminunruh

                      if u update lay theme now the bug is fixed and you have this setting too

                      G Offline
                      G Offline
                      Glyph
                      wrote last edited by
                      #10

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

                      1 Reply Last reply
                      1
                      Reply
                      • Reply as topic
                      Log in to reply
                      • Oldest to Newest
                      • Newest to Oldest
                      • Most Votes


                      I also code custom websites or custom Lay features.
                      šŸ’æ Email me here: šŸ’æ
                      info@laytheme.com

                      Before you post:
                      1. When using a WordPress Cache plugin, disable it or clear your cache.
                      2. Update Lay Theme and all Lay Theme Addons
                      3. Disable all Plugins
                      4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                      This often solves issues you might run into

                      When you post:
                      1. Post a link to where the problem is
                      2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                      3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                      Online Users
                      dafvD
                      dafv
                      Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                      laytheme.com
                      • Login

                      • Don't have an account? Register

                      • Login or register to search.
                      • First post
                        Last post
                      0
                      • Recent
                      • Tags
                      • Popular
                      • Users
                      • Search