Customization, bootstrap4, layout overrides

  • Russell Leigh
  • Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
3 years 11 months ago #133951 by Russell Leigh
Customization, bootstrap4, layout overrides was created by Russell Leigh
How can I add bootstrap 4 classes to the form fields on the Donation Form page?

I have overridden com_jdonation/view/donation/tml/default.php but there is no way to override the select elements

ntf.quantumdev.co/campaign

I have bootstrap4 set in the configuration but the fields certainly don't look styled as they should be with bs4

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

More
3 years 11 months ago #133953 by Mr. Dam
Replied by Mr. Dam on topic Customization, bootstrap4, layout overrides
As i checked on your Donation form, Bootstrap 4 classes are being used in DIV tags and Input tags. What do you want to change here?
Dam

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

  • Russell Leigh
  • Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
3 years 11 months ago #133956 by Russell Leigh
Replied by Russell Leigh on topic Customization, bootstrap4, layout overrides
Like I said and showed an example there is no way to override the select elements

I want to add 'form-control' to the recurring frequency drop down and the stripe expiration date dropdowns

You can see here that they are unstyled even though bootstrap4 is set in configuration

ntf.quantumdev.co/campaign

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

More
3 years 11 months ago #133957 by Mr. Dam
Replied by Mr. Dam on topic Customization, bootstrap4, layout overrides
1. You should use Stripe Card Elements to make sure the Stripe payment gateway to work properly. To turn on Stripe Card Elements, please go to Backend -> Joom Donation -> Payment Plugins -> Stripe and turn that configure option.
2. With dropdown Frequency, you can open file: root -> components -> com_jdonation -> view -> donation -> html.php
Find:
input-medium
and change to
'.$bootstrapHelper->getClassMapping('input-medium').'

Dam

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

  • Russell Leigh
  • Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
3 years 11 months ago #133958 by Russell Leigh
Replied by Russell Leigh on topic Customization, bootstrap4, layout overrides
If I edit core files won't it get overwritten when the plugin updates?

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

  • Russell Leigh
  • Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
3 years 11 months ago #133959 by Russell Leigh
Replied by Russell Leigh on topic Customization, bootstrap4, layout overrides
How can we set stripe element styles and classes?

With stripe elements instead of putting all the elements on the page in a single iframe you can mount individual elements. It's quite easy I can send you an es6 module for it if you need. This then enables you to style the inputs.

Also there are options in stripe elements to set css styles.

Is there any way to do this with your stripe plugin? Is there anywhere I can add the

stripe.com/docs/js/elements_object/create

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

More
3 years 11 months ago #133971 by Mr. Dam
Replied by Mr. Dam on topic Customization, bootstrap4, layout overrides
Hi Russell,
In next version, i will update the change i provided to you yesterday.
Thanks
Dam

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

More
3 years 8 months ago #136639 by Dave B
Replied by Dave B on topic Customization, bootstrap4, layout overrides
Is this somehow figured out? I need to switch all my sites to this method but need to change the layout/look of the Elements fields so it's not so hard to see.

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

More
3 years 8 months ago #136640 by Dave B
Replied by Dave B on topic Customization, bootstrap4, layout overrides
This is very hard to see and I would like a field similar to the other fields if possible.

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

More
3 years 8 months ago #136646 by Mr. Dam
Replied by Mr. Dam on topic Customization, bootstrap4, layout overrides
As i answered in different topic, the Stripe Card Elements are generated by Stripe JS, we can change fields in the box, but you can add Custom CSS to change style of them
Thanks
Dam

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

Moderators: Mr. DamDũng Nguyễn Việt