fbpx
Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1
  • 2

TOPIC: (SOLVED)Processing GIF

Processing GIF 7 months 1 week ago #26592

  • antpag
  • antpag's Avatar
  • Offline
  • New Member
  • Posts: 11
  • Karma: 0
Hey guys,

I was wondering how to customize the gif that pops up when a person submits the form and it's taking some time to process, would like to have my own version versus the current simple circling blue outline...

Does this simply default to what bootstrap has or is there a class i should be targeting within the contact form?

Also at the moment this happens behind the form fields, does it need a z-index?

Thanks!
The topic has been locked.

Processing GIF 7 months 1 week ago #26615

  • akash
  • akash's Avatar
  • Offline
  • Moderator
  • Posts: 195
  • Thank you received: 25
  • Karma: 2
Hi,

It's a custom loader, not from bootstrap. If you want to customize the loader you need to make an override.

Just copy the default.php from modules\mod_jdsimplecontactform\tmpl and paste it to templates/TEMPLATENAME/html/mod_jdsimplecontactform and then you can modify the loader.

The loader starts from line number 29-31. And you can write the required CSS in the style.css.

And for the z-index issue, you can download the latest module from here. We're soon going to release it officially.

Thanks for reporting the issue.


Thanks,
Akash
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
Last Edit: 7 months 1 week ago by akash.
The topic has been locked.

Processing GIF 7 months 1 week ago #26644

  • antpag
  • antpag's Avatar
  • Offline
  • New Member
  • Posts: 11
  • Karma: 0
Thanks for the quick response, Akash.

I uploaded the latest version of the module.

I tried to copy over the php but I actually do not have the mod_idsimplecontactform in my html folder...
should I just create the folder and paste in the php file from /tmpl?

Also seems that the default loader still sits behind the fields, just FYI.

Thanks
The topic has been locked.

Processing GIF 7 months 1 week ago #26658

  • akash
  • akash's Avatar
  • Offline
  • Moderator
  • Posts: 195
  • Thank you received: 25
  • Karma: 2
Hi @antpag,

Maybe I gave you the older version, can you try again installing from here. It contains the fix for the z-index loader issue.

After installing, clean your cache.

Apologies, I forgot to mention, you do need to create a folder named "mod_jdsimplecontactform" and do the other steps as mentioned.

Let me know how it goes.

Thanks,
Akash
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.

Processing GIF 7 months 5 days ago #26718

  • antpag
  • antpag's Avatar
  • Offline
  • New Member
  • Posts: 11
  • Karma: 0
Thanks for walking me through, Akash.

So I have my animation working now. What I did was I created my own class in line 30 in the php and gave it the img src path.

But, it's still behind the fields, haha. Is there any css i need to change to get it to the front?

Lastly, after the form is submitted, the message that pops up has a 15% top padding being automatically added, i cannot locate where in the php coding this may be coming from as it doesn't appear to be css based.

Thanks!
Last Edit: 7 months 5 days ago by antpag.
The topic has been locked.

Processing GIF 7 months 5 days ago #26732

  • akash
  • akash's Avatar
  • Offline
  • Moderator
  • Posts: 195
  • Thank you received: 25
  • Karma: 2
That's cool that you made the loader worked.

That's strange, the loader's z-index is working on my end. Can you share your site's URL, so, I can have a look.

There must be some CSS conflict or caching issue.

Let me know your site's URL.

Thanks,
Akash
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.

Processing GIF 7 months 4 days ago #26744

  • antpag
  • antpag's Avatar
  • Offline
  • New Member
  • Posts: 11
  • Karma: 0
Here is the URL:

altsolis.com/privacy#popup1

and also you'll see after submitting the padding issue on the success message.

Thanks
The topic has been locked.

Processing GIF 7 months 1 day ago #26796

  • akash
  • akash's Avatar
  • Offline
  • Moderator
  • Posts: 195
  • Thank you received: 25
  • Karma: 2
Hi,

I saw your site, you're using custom message in the Thank you Message option.

Can you check if you're by any chance using any formating, as JDSCF doesn't provide such padding?

Again apologies, can you try downloading once again from here to fix your z-index issue.

Let me know, how it goes.

Thanks.
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.

Processing GIF 6 months 3 weeks ago #26945

  • antpag
  • antpag's Avatar
  • Offline
  • New Member
  • Posts: 11
  • Karma: 0
Happy New Year, Akash.

So the z-index fix worked! Great start to the year haha.

I will have to test it on iOS once the site cache refreshes and let you know, but on desktop it worked. Sometimes iOS has issues with z-index so i'll just test it out later.

As for the padding, i had no idea to check the code in the actual module, somehow a padding of 15% was entered for the wrapper div... no clue how that got there but we are all set.

Works just how i wanted. Look out for more questions from me as i keep customizing this and may run into issues.

THANK YOU!!
The topic has been locked.

Processing GIF 6 months 3 weeks ago #26966

  • antpag
  • antpag's Avatar
  • Offline
  • New Member
  • Posts: 11
  • Karma: 0
works on iOS!

All set. Thanks again.
The topic has been locked.
  • Page:
  • 1
  • 2
Moderators: akash, chandandeep
Time to create page: 0.497 seconds