Skip Navigation

[Resolved] Is there a Tailwind integration done for Layouts Framework API?

This support ticket is created 3 years, 2 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 - - 9:00 – 13:00
14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 - - 14:00 – 18:00

Supporter timezone: Africa/Casablanca (GMT+01:00)

This topic contains 3 replies, has 3 voices.

Last updated by Jamal 3 years, 2 months ago.

Assisted by: Jamal.

Author
Posts
#2178389

Hello,

this page shows it's possible to integrate differente CSS frameworks for generating toolset layouts:
https://toolset.com/documentation/programmer-reference/layouts-framework-api/

Is there a Tailwind integration already done for Layouts Framework API?

thanks!

#2178399

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Not by us, but it is possible some other user has worked on it, perhaps you'd be better asking in the Toolset facebook group.

As Layouts is deprecated there hasn't been any significant development on it for at least a couple of years.

#2178897

Hello Nigel,
you're right, this being related to Layouts, it's already a deprecated approach ...

Is there a way, then, to affect the default way Views generate a grid, for instance, so as to inject our structure and classes complying to Taiwind?

thanks.

#2179519

Hello there! This is Jamal from Toolset support. If you don't mind, I'll continue with you on this ticket.

Currently, Toolset does not offer a way to customize the markup of the generated elements. Some of Toolset CSS classes are crucial to Javascript code. For example AJAX searches and paginations, conditional display of form fields. Some CSS classes are used for styling, especially for Blocks.

We do have some hooks that you can use to customize the generated markup, such as:
- wpv_filter_content_template_output for content templates output.
- wpv_filter_start_filter_form and wpv_filter_end_filter_form for the output of the search section.
- wpv-post-field-meta-{$name} for the output of fields.
Read more about them and other interesting filters here https://toolset.com/documentation/programmer-reference/views-filters/

However, I think that you can customize the styling of Toolset components by generating CSS that uses Toolset classes and styles from the Tailwind framework, by using the "apply" directive from the framework. Read more about it here hidden link

I hope this helps. Let me know if you have any questions.