HTML element for custom progress per page | ww.wp.xz.cn

Resolved jonocarder
(@jonocarder)

10 years, 11 months ago

I have a multiple page form that I want to edit the breadcrumbs. In the options it states:
ProTip: Use an HTML element to build a custom progress per page
How does one do that, or edit the existing breadcrumbs that it auto generates?

Thanks

https://ww.wp.xz.cn/plugins/caldera-forms/

Viewing 4 replies - 1 through 4 (of 4 total)

Adi Glibanović
(@rberet)

10 years, 10 months ago

You can use CUSTOM HTML field to achieve that with this simple boostrap based progress bar http://postimg.org/image/cbsdbwvp3/.

Use this CSS for it, simply change color of progress bar by changing this values of “background-color” http://pastebin.com/DukbXVU3

This code will go to Custom HTML field http://pastebin.com/bdABViz6. You can simply put percentages instead of text or something…

Hope this helps…

Thread Starter jonocarder
(@jonocarder)

10 years, 10 months ago

Thank you for the advise rdberet, unfortunately each link you posted goes to the same screenshot as first link.

Adi Glibanović
(@rberet)

10 years, 10 months ago

Sorry, here it is
— CORRECTED —
First: http://postimg.org/image/cbsdbwvp3/.

CSS: http://pastebin.com/DukbXVU3

Code for HTML field: http://pastebin.com/bdABViz6

Thread Starter jonocarder
(@jonocarder)

10 years, 10 months ago

thanks

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘HTML element for custom progress per page’ is closed to new replies.

Tags

multi-page

4 replies
2 participants
Last reply from: jonocarder
Last activity: 10 years, 10 months ago
Status: resolved