Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • 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. multiple columns in accordion element

multiple columns in accordion element

Scheduled Pinned Locked Moved Feedback
6 Posts 2 Posters 164 Views 2 Watching
  • 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.
  • dafvD Offline
    dafvD Offline
    dafv
    wrote last edited by dafv
    #1

    Hey @arminunruh,

    Is it possible to have multiple columns in the new Accordion element?

    I’ve been trying to find a way to do that, and I think the only current workaround is to either create tables inside the Accordion’s text editor or use the Expand/Collapse Row Link to replicate the accordion behavior.

    Since the Table element and the Accordion element share some similarities, it would be great to have the option to add more columns if needed.

    Here’s what I’m testing right now:
    —> https://inesbaptista.com/commercial/
    The Accordion is at the top, and at the bottom is basically the design I was trying to achieve, but built using the Expand/Collapse Row Link feature.

    PS: Adding images to the Accordion would be awesome as well

    Thank you!

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

      ah its because u want the "watch video" on the right side?
      i think at the moment if i was you i would try to create html inside the textbox of the accordion text and have 2 divs inside a parent div.

      and use css flexbox to do it.
      so the parent div would be display flex;
      and then you can use all kinds of flex css

      1 Reply Last reply
      0
      • dafvD Offline
        dafvD Offline
        dafv
        wrote last edited by dafv
        #3

        hey @arminunruh,

        The ‘watch video’ link on the right side would be nice, but my main focus is having 2 (or 3) columns inside every collapsed section (as you can see in the example at the bottom of the page I previously sent).

        I’m also trying to avoid using custom HTML inside the textbox to make it easier for the client to update the content :/

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

          i understand! i wrote this down but im not sure when i will have time to code this! :/

          1 Reply Last reply
          0
          • dafvD Offline
            dafvD Offline
            dafv
            wrote last edited by
            #5

            Thanks anyway, @arminunruh!
            If you have updates on this please let me know

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

              sure, i think maybe if you use a table inside a text element?
              but that table kind of sucks.

              with the new texteditor, the table inside the texteditor will be better though. but not sure when that will be finished.

              1 Reply Last reply
              0
              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

              Our Web Development company: 100k.studio

              Want to tip me? https://www.paypal.com/paypalme/arminunruh

              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
              A
              alasdair17
              F
              fernandol97
              N
              Nzagamba
              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