Styling and placement of buttons

  • baileynp
  • Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Posts: 31
  • Thank you received: 1

baileynp replied the topic: Styling and placement of buttons

Nearly there, but I'd like them inline :)
#235879
  • Posts: 136
  • Karma: 1
  • Thank you received: 14

Eddy.vh replied the topic: Styling and placement of buttons

How inline ??? The buttons are inline! Or I did not understand what you want ...
#235884
  • baileynp
  • Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Posts: 31
  • Thank you received: 1

baileynp replied the topic: Styling and placement of buttons

Hi

I see them like stacked this:

#235892
Attachments:
  • Posts: 136
  • Karma: 1
  • Thank you received: 14

Eddy.vh replied the topic: Styling and placement of buttons

He llo.

In your source code (browser inspector), I replaced the code
echo '
<style>
.bfQuickMode .bfElementGroup  {
    width: 92% !important;
}
button
{
     float: none !important;
     margin-left: 45% !important;
}
</style>
';
by
echo '
<style>
.bfQuickMode [type="button"] {
      float: none !important;
}
.bfQuickMode [type="button"]:first-of-type {
       margin-left: 40% !important;
       }
</style>
';
(even shorter)

and I have a inline display of buttons, as on my screenshot…
#235906
The following user(s) said Thank You: MarioPuco
  • baileynp
  • Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Posts: 31
  • Thank you received: 1

baileynp replied the topic: Styling and placement of buttons

Cool! That's exactly what I wanted. :) Many thanks.

And finally, the third question in my call was about using font awesome icons in the buttons' texts. Is that possible to do?
#235909
  • Posts: 5684
  • Karma: 118
  • Thank you received: 524

MarioPuco replied the topic: Styling and placement of buttons

Hi,

Maybe you can check this topic on how to add these icons. : crosstec.org/en/forums/49-joomla-templat...u-how-to.html#234629

You should add something like this to your Initialization Script :
jQuery('#bfSubmitButton').prepend('<i class="fas fa-paper-plane"></i>');

Regards,
Mario

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

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