• 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: Progress Bar?

Progress Bar? 11 years 9 months ago #21871

  • xingu
  • xingu's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 32
  • Thank you received: 1
Yes this would be very helpful. It seems no matter what directions I give people on waiting until the page refreshes and that tells you the uploads are complete they still think nothing is happening and give up or keep pressing the submit button.

I also don't get why they don't just give us the solution they use in the RSFiles uploader. Doesn't that have an upload progress indicator?
The administrator has disabled public write access.

Progress Bar? 11 years 2 months ago #24898

  • geral82
  • geral82's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 5
Thanks for all your information that benefit me.

I was having the problem mentioned by milosmilcom that the message was showing even before validation.

To solve this i did the following:

Instead of using a javascript function, i add this:

document.getElementById('loading').style.display = 'block';

in components/com_rsform/assets/js/script.js, after ajaxvalidation is true on line 182.

It will show like this aftwards:
	if (success == true) {
		try {
			document.getElementById('rsform_error_' + formId).style.display = 'none';
			document.getElementById('loading').style.display = 'block';
		}

This solved my ajax validation problem!
The administrator has disabled public write access.

Progress Bar? 11 years 1 month ago #25277

I still cannot get this to work. I have tried everything listed above... :(

Can someone please put a step-by-step guide as to how they got this working?

When the user clicks Submit, I want an animated gif that says "Processing your request." When the form is fully uploaded, it will bring them to a page that says "Thank you for your submission. An agent will be contacting you shortly." Right now, when the user clicks submit, the page just refreshes for a long period of time...which could be a problem for impatient users...

Thanks ahead of time.
The administrator has disabled public write access.

Progress Bar? 11 years 2 weeks ago #25652

  • grafik7
  • grafik7's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 1
Yes, it would be great if you could add a short step by step manual for implementing a progress bar.

I know that your rivals Bree... Forms have a progress bar implemented, but I want to stay with RS Joomla, because I'm very happy with the components and the support.

Thank you!
Fabrizio
The administrator has disabled public write access.

Re:Progress Bar? 10 years 7 months ago #27479

  • beth.ray
  • beth.ray's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 4
can't get either to work in Safari 7.0.3

the first one worked bury only if I stop the upload - if I hit the x in the browser url bar, I see it, but not when the file is actually uploading.

the second option gives no indication of where to add the scripts, but after several tries in different locations, it still doesn't work
The administrator has disabled public write access.

Re: Progress Bar? 10 years 7 months ago #27480

  • beth.ray
  • beth.ray's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 4
the message appears, but the animation doesn't....animate. It's static (Safari 7, mac)
The administrator has disabled public write access.

Re:Progress Bar? 8 years 3 months ago #35726

octavian wrote:
Hello,

Try the following:
- Put the loading "gif" image (You can use: www.ajaxload.info/ to generate your own animated image, I find it pretty useful) in a FreeText component. Use the following HTML code in the "Text" field:
<div id="loading" style="display: none">Please wait, we are processing your request <img src="path/to/your.gif" alt="" /></div>


- Add another FreeText component for the Javascript:
<script type="text/javascript">
function display_loading()
{
document.getElementById('loading').style.display = 'block';
}
</script>

- Finally, move to the Scripts section, and add this code to the "Script called on form display" area:
$formLayout = str_replace('<form method="post"','<form method="post" onsubmit="display_loading();"',$formLayout);

Let me know how this turns out :)

Hello octavian!
your code works but does not work if you have enabled ajax validation
Can you help?
The administrator has disabled public write access.

Re:Progress Bar? 7 years 9 months ago #36615

  • lukasm
  • lukasm's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 1
I have the same problem.
Is it possible to show the percentage of downloads?
Last Edit: 7 years 9 months ago by lukasm.
The administrator has disabled public write access.

Re:Progress Bar? 3 years 3 months ago #41495

  • modernmagic
  • modernmagic's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 33
  • Thank you received: 2
octavian wrote:
Let me know how this turns out :)

I tried this with RSForm! Pro 3.0.10 but the gif does not show.
Warning: Spoiler! [ Click to expand ]


I can see the code and gif in the source code but it stays hidden with display:none.
Last Edit: 3 years 3 months ago by modernmagic.
The administrator has disabled public write access.

Re:Progress Bar? 3 years 1 week ago #41687

  • modernmagic
  • modernmagic's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 33
  • Thank you received: 2
deleted
Last Edit: 3 years 1 week ago by modernmagic.
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!