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. General Discussion
  3. switch/toggle between project index and thumbnail grid?

switch/toggle between project index and thumbnail grid?

Scheduled Pinned Locked Moved General Discussion
2 Posts 2 Posters 10 Views 1 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.
  • O Offline
    O Offline
    officear
    wrote last edited by
    #1

    Is there a possibility to switch/toggle between project index and thumbnail grid for a project overview?

    Similar to this example as listed on the laytheme website:
    https://www.benjaminmugnier.fr/images/

    If I understood it correctly, the workaround here are two seperate pages/URLS for both view modes, right?

    Is it possible to solve it without two URLS? I’d like to stay on one site (URL), and just „turn off“ one and „switch on“ the other one, so my navigation/menu won't be messed up? haha

    Thanks in advance <3

    1 Reply Last reply
    0
    • A Offline
      A Offline
      alasdair17
      wrote last edited by alasdair17
      #2

      hey, I did something like this for a client using the expand/collapse row feature. You basically setup your rows like this:

      first row: toggle text button (you could call this 'index')
      second row: thumbnail grid
      third row: project index

      Right click the project index row (make sure the project index isn't dragged all the way to edge as you can't right click) and choose 'collapse row' (you can now move the index all the way to grid edge) and then open the text box on the first row and highlight 'images' and choose the button in the top centre with the up and down arrows 'expand/collapse row' link. This opens a dialog box, in there you could change the replacement text to something like 'images' and then click 'row 2' and 'row 3' so they are selected and then save.

      I found in my scenario that turning off the 'collapse other rows' and 'scroll to expanded row' to work best and importantly making the gutter 0% between rows 2 and 3 so when you toggle between them they appear at the same height if that makes sense!

      Hope that helps!

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