Forum
Crosstec Forums
Support Forums (free for all)
BreezingForms for Joomla!
Usage
Edit file uploading behavior

TOPIC:

Edit file uploading behavior 5 months 2 days ago #262795

  • Topic Author
  • monomgabriel
  • Offline
  • Junior Breezer
  • Junior Breezer
  • Posts: 78
  • Thanks: 1
Hello Crosstec team hope you had a great summer!
I am trying to let my users enter data in another (non-breezingforms) form located in a modal (iframe) while their files are uploading. Could you help me on those 2 questions?
- When users click on "submit" the thank you page automatically loads once file upload is complete, how can I prevent that? Best would be to wait until a javascript event happens.
- How can I edit the HTML5 bfFileQueue box that displays files load percentage?
Thank you again for your help guys! :)

Please Log in or Create an account to join the conversation.

Edit file uploading behavior 5 months 2 days ago #262802

  • tihana.krivic's Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Posts: 8405
  • Karma: 3
  • Thanks: 583
Hi,

I hope you had a great summer too :)

1) if everything is ok in your form, and when user click on submit, you will see box with load percentage, and after that thank you page will be shown.

2) here is already displayed load percentage with HTML5 (I tested it now, please see attachment):


If I missed something please let me know :)

Regards,
Tihana
Attachments:

Please Log in or Create an account to join the conversation.

Edit file uploading behavior 5 months 2 days ago #262820

  • Topic Author
  • monomgabriel
  • Offline
  • Junior Breezer
  • Junior Breezer
  • Posts: 78
  • Thanks: 1
Hello Tihana, thank you for your answer and yes I had a great summer :)

1) How can I NOT load the thank you page UNTIL <some javascript event happens> ? I want the user to have the time to complete some more info on the submit page.
2) Yes the load percentage is correctly displayed, but how to edit this box? How to display the box on top of screen for example?

Thanks

Please Log in or Create an account to join the conversation.

Edit file uploading behavior 5 months 2 days ago #262823

  • tihana.krivic's Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Posts: 8405
  • Karma: 3
  • Thanks: 583
Hi,

1) hmm...not sure if this is possible.

But you can go to your form- Advanced- More options-Scripts-Submitted script and put:
function ff_yourFormName_submitted(status, message)
{
    switch (status) {
        case FF_STATUS_OK:
           // do whatever desired on success
           break;
        case FF_STATUS_UNPUBLISHED:
        case FF_STATUS_SAVERECORD_FAILED:
        case FF_STATUS_SAVESUBRECORD_FAILED:
        case FF_STATUS_UPLOAD_FAILED:
        case FF_STATUS_ATTACHMENT_FAILED:
        case FF_STATUS_SENDMAIL_FAILED:
        default:
           alert(message);
    } // switch
} // ff_yourFormName_submitted
yourFormName is name of your form (not title)

There you just need to enter a code into that "do whatever desired on success", for example, in this way:
function ff_yourFormName_submitted(status, message)
{
    switch (status) {
        case FF_STATUS_OK:

        window.open("http://www.crosstec.org", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");


           break;
        case FF_STATUS_UNPUBLISHED:
        case FF_STATUS_SAVERECORD_FAILED:
        case FF_STATUS_SAVESUBRECORD_FAILED:
        case FF_STATUS_UPLOAD_FAILED:
        case FF_STATUS_ATTACHMENT_FAILED:
        case FF_STATUS_SENDMAIL_FAILED:
        default:
           alert(message);
    } // switch
} // ff_yourFormName_submitted
I hope this will be a good idea for you

2) For this go to your form- Advanced- more options- form pieces- before form- check Custom and put:
echo '
<style>
#bfFileQueue {
margin-top: -150px;
}
</style>
';
Please adjust px to yourself, for my test page it is 150px

With this css code, box will be in the top of page

Let me know if you need more help

Regards,
Tihana

Please Log in or Create an account to join the conversation.

Last edit: Post by tihana.krivic.

Edit file uploading behavior 5 months 1 day ago #262850

  • Topic Author
  • monomgabriel
  • Offline
  • Junior Breezer
  • Junior Breezer
  • Posts: 78
  • Thanks: 1
Thank you so much Tihana!
1) Ok I need some more time to check what I can do with that
2) Perfect. I could do everything I needed thanks to this.
Let me get back to you this week for question 1 :)

Please Log in or Create an account to join the conversation.

Edit file uploading behavior 5 months 1 day ago #262855

  • tihana.krivic's Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Posts: 8405
  • Karma: 3
  • Thanks: 583
Hi,

ok, take your time :)

Regards,
Tihana

Please Log in or Create an account to join the conversation.

Moderators: ForumSupport
Forum
Crosstec Forums
Support Forums (free for all)
BreezingForms for Joomla!
Usage
Edit file uploading behavior
Time to create page: 0.096 seconds

BreezingForms Pro 1.4.7 for WordPress Released!

Available in the membership section.

September Discount!

Massive discounts on all subscriptions!

Get Your Subscription Here

Quick Links

Downloads

BreezingForms

ContentBuilder

BreezingCommerce

Templates

Documentation

BreezingForms

ContentBuilder

BreezingCommerce

Apprendre BreezingForms (French Community)

Apprendre et maîtriser BreezingForms par des tutoriels et exemples, le tout en français

breezingforms.eddy-vh.com

Questions et réponses sur les forums de l'AFUJ

AFUJ

Special Offer

Summer Sale! All subscriptions at a special price!

Includes prio support, all of our current and future Joomla!® extensions and Joomla!® templates for the duration of your membership.

Get it from here

3rd Party Discount - 25% Off

We help you to keep your costs under control. If you are a new member and purchased a form building tool from a different form vendor, then you'll get a 25% discount on our subscription plans.

How to receive the discount:

Send us a quick email to sales@crosstec.org with a proof of purchase (for example a paypal receipt), await payment instructions and enjoy your membership!