• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: Changing color of the prog. bar - multi-page form

Changing color of the prog. bar - multi-page form 11 years 7 months ago #24797

Does anyone know how to change the color of the progress bar that displays when using a multi-page form? Right now it's green. We use black/grey/red as our color schemes and green makes it look kind like a holiday page.
I'm not a programmer but I can edit CSS if given the right place/or what to put in.
Thanks,
Kathy
The administrator has disabled public write access.

Changing color of the prog. bar - multi-page form 11 years 7 months ago #24883

Support was kind enough to give me two solutions to my issue. Thanks Support!
Here are two ways to make the progress bar color change:
1. You can change the color of the progress bar by adding the following CSS code within the RSForm!Pro specialized CSS area(backend > Components > RSForm!Pro > Manage Forms > your form > Properties > CSS and JavaScript > CSS area):

<style type="text/css">
.rsformProgressBar{
background-color: red !important;
}
</style>

2. Since your form has 3 pages and you use 3 colors you can make each page have a different progress bar color(the above code will not be necessary in this scenario). To accomplish this you will have to edit each pagebreak element in your form(backend > Components > RSForm!Pro > Manage Forms > your form > edit a pagebreak element), then go to Attributes tab and change the following code within the Progress Message area:

<div class="rsformProgressBar" style="width: {percent}%;"></div>

Into, example:

<div class="rsformProgressBar" style="width: {percent}%; background-color: gray;"></div>

Add a different color for each pagebreak.
_____
Sharing this in hopes others who get answers will share them here for the forum users.
The administrator has disabled public write access.

Changing color of the prog. bar - multi-page form 10 years 2 months ago #30373

  • afsari
  • afsari's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 1
hi

i need a new prog. bar for joomla Rs form, have a some model and graphic.
now we have a line , that green color and seperate with page.

please help

Ali
The administrator has disabled public write access.

Changing color of the prog. bar - multi-page form 10 years 2 months ago #30384

  • cosmin.cristea
  • cosmin.cristea's Avatar
  • OFFLINE
  • Platinum Boarder
  • Posts: 756
  • Thank you received: 144
You can edit the pagebreak form field and edit the progress message. By default it's controlled by this:
<div>
 <p><em>Page <strong>{page}</strong> of {total}</em></p>
 <div class="rsformProgressContainer">
  <div class="rsformProgressBar" style="width: {percent}%;"></div>
 </div>
</div>

You can replace it to match your current design (most likely will be a different HTML code).
My help is not official customer support. To receive your support, submit a ticket by clicking here
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!