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