Button for upload element

  • oskar-lima
  • oskar-lima's Avatar Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Posts: 20
  • Thank you received: 0

oskar-lima created the topic: Button for upload element

I'm sorry if the answer to my question might be somewhere in another topic, but I can't find it.

I have this form with an upload element, and the upload button is only a blank rectangle: form (Just click on one of the first radio buttons and you'll find the upload element at the bottom.)

I found this topic: upload-button-in-bootstrap
and added the code to my custom.css. Now I have a kind of symbol in the button, but I don't know what it shows and I can't change it. I would like to have a typical upload symbol. That's all.

Can you help me?

Greetings, Oliver
#231963
  • Posts: 5090
  • Karma: 110
  • Thank you received: 474

MarioPuco replied the topic: Button for upload element

Hi,

can you try this out? Go to your form > Advance > More options > Scripts > Initialization Script and use this code in the framework:
jQuery('.icon-upload').replaceWith( '<i class="fa fa-upload" aria-hidden="true"></i>' );

Let us know if it works.

Regards,
Mario

Satisfied with our Support ?
PayPal Tip
===============================================
Need to renew Pro Support?
Buy Here!
===============================================
Satisfied?
Consider a membership!
===============================================
Like us on Facebook
===============================================
#231981
  • oskar-lima
  • oskar-lima's Avatar Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Posts: 20
  • Thank you received: 0

oskar-lima replied the topic: Button for upload element

Hi Mario,
no, I'm sorry, it doesn't work. I added the code the the initializion script. I have to put it into the frame code, is that right? (see screenshot)

Now I have a very small button (screenshot).

Or do I have to remove the changes from the custom.css again?

Regards,
Oliver
#232105
Attachments:
  • Posts: 5090
  • Karma: 110
  • Thank you received: 474

MarioPuco replied the topic: Button for upload element

Oliver,

Can you please try to remove the .css that you added ?
If it's still not working after you remove the .css please remove my code also so I can inspect the form and find the fix.

Regards,
Mario

Satisfied with our Support ?
PayPal Tip
===============================================
Need to renew Pro Support?
Buy Here!
===============================================
Satisfied?
Consider a membership!
===============================================
Like us on Facebook
===============================================
#232109
Moderators: ForumSupporttomeperica
Time to create page: 0.038 seconds

New Support System

Dear Customers,

Users with active subscription have support priority which will be dona via ServiceDesk (My Account > Raise a ticket).
FREE Support topics will be answered when AND if there is time.

You can check support guidelines here : here

Regards,
Crosstec Team

Community Reward

Help us to create new extensions and plugins! With only $5 you help us a lot and get unlimited download access to all of our products, professional support and even more. Get your reward now!

Read More Here

News and Updates

Get informed about new downloads, updates and more in our News and Updates newsletter.

All Extensions Subscription

Get 1 year access to all of our current and future products and 1 year of professional support -- 99€

No support per domain or website installation limits! Includes all of our current and future Joomla!® extensions, Joomla!® templates for the duration of your membership. This means, by purchasing an All Extensions Subscription you'll have it all covered!

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!

Community Reward

Help us to create new extensions and plugins! With only $5 you help us a lot and get unlimited download access to all of our products, professional support and even more. Get your reward now!

Read More Here