Sliders

nlheath 22 Sep, 2025

I am trying to convert a CF5 form to CF7.  The CF5 form had containers of type "slider area" and "slider," but I cannot find any option to add sliders or slider areas to the new CF7 form, or any way to designate a container as either of these types.  Can I do this in CF7?

Max_admin 30 Oct, 2025
Answer

I do not think v7 ever had a slider, you can try multiple containers and use an external sider script, and if you need this in v8 then I can add it to the todo list.

Sliders hide the next parts of the form and data is not saved between form segments so they are not that popular in forms.

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
nlheath 30 Oct, 2025

Thank, Max.  I tried using the "Tabs and Sliders" component, but it requires inserting tags {slider} and {/slider} around the content.  I put these tags into html elements, but CF7 does not recognize these tags, instead it outputs them as text.  I tried setting the html code properties to "pure code" or to "insert Joomla plugins," but neither one helps.  Is there a way to make CF7 process these tags?

simelas 29d ago

Hi nlheath.

The following is an exemple for a slider to contains filters but can be used for other stuff.

you can in an Custom => HTML place the following code:

<div class="ui fluid accordion" style="border: solid 1px gainsboro;">  <div class="title" style="color: grey; font-size:14pt; font-weight:600;  background: gainsboro;            background-image: linear-gradient(to top, #eee, #99999929);" title="Click to open the filters";>    <i class="dropdown icon"></i>     {l:LABEL_FILTERS} <i class="dropdown icon left"></i><!--<span style="float:right; padding-right:5px;"><i class="faicon info circular grey inverted tiny tooltipstered" data-hint="The Search filters allow to filter the standards by:<br />Application Domain, Application Sector, Category, Fire performance, document Acronyme, document Number, Country, as well as a free text search.<br />The view is limited to 5 entries and to document title only. Full data and tailored to your need updates alert is available upon subscription."></i></span>-->  </div>  <div class="content" style="padding:0px 20px;">    <p class="transition">

Then in an Areas => Segment put all fileds you want to slide

and then finish with another  Custom => HTML   to end the slider putting the following

</p>  </div></div>

cheers

You need to login to be able to post a reply.