[Resolved] Recommendation for creating a layout

[Author]

Posts

[Saul Baizman]

Hi there,

I'm trying to create a slider that displays several elements in visual card metaphors (like Netflix). Please refer to the attached screenshot.

I'm also using the older Layouts + Views plugins. In the screenshot, I've marked up the "zones" of the layout:

1. Section label
2. Pagination
3. Slider with content

What's the best way to translate this layout into a Layout? (I'm also concerned about the pagination code—2—having to live in the same view as the slider content—3.)

Thank you.

Saul

[Luo Yang]

Hello,

Toolset Layouts plugin is based on Bootstrap, and Bootstrap supports card layout, you can follow their document to setup the HTML codes:
hidden link
Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options.

[Saul Baizman]

Luo,

Thanks for your response. I've been using Toolset for about four years and have a pretty good understanding of it. My question was about where I should place the various bits of code. Can I construct this layout visually using the Layout function in Toolset, or do I need to construct all three parts of the layout using HTML and Bootstrap classes in the template of a view? Does that question make sense?

Saul

[Luo Yang]

Toolset Layouts plugin is also a visual editor, you can use it to setup your layouts visually.

But there are only few built-in layout cells, you should be able to see them all when you setup a layout.

If you want to setup other kinds of layout cell, you can try to setup them with HTML + CSS codes in a "Visual Editor" cell, or you can create your own Layout cell with custom codes, see our document:
https://toolset.com/documentation/programmer-reference/layouts-cells-api/

But Toolset Layouts plugin had moved to legacy plugins, it is in maintenance status, so it is not recommended to use it in your new project.

[Saul Baizman]

My issue is resolved now. Thank you!