- Posts: 63
- Thank you received: 1
Customization, bootstrap4, layout overrides
- Russell Leigh
- Topic Author
- Offline
- Senior Member
Less
More
4 years 7 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
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.
- Mr. Dam
- Offline
- Administrator
Less
More
- Posts: 12818
- Thank you received: 1659
4 years 7 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
Dam
Please Log in or Create an account to join the conversation.
- Russell Leigh
- Topic Author
- Offline
- Senior Member
Less
More
- Posts: 63
- Thank you received: 1
4 years 7 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
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.
- Mr. Dam
- Offline
- Administrator
Less
More
- Posts: 12818
- Thank you received: 1659
4 years 7 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
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
Less
More
- Posts: 63
- Thank you received: 1
4 years 7 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
Less
More
- Posts: 63
- Thank you received: 1
4 years 7 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
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.
- Mr. Dam
- Offline
- Administrator
Less
More
- Posts: 12818
- Thank you received: 1659
4 years 7 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
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.
- Dave B
- Offline
- Platinum Member
4 years 4 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.
- Dave B
- Offline
- Platinum Member
4 years 4 months ago #136640
by Dave B
Replied by Dave B on topic Customization, bootstrap4, layout overrides
Please Log in or Create an account to join the conversation.
- Mr. Dam
- Offline
- Administrator
Less
More
- Posts: 12818
- Thank you received: 1659
4 years 4 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
Thanks
Dam
Please Log in or Create an account to join the conversation.
Moderators: Mr. Dam, Dũng Nguyễn Việt
Support
Documentation
Information
Copyright © 2024 Joomla Extensions by Joomdonation. All Rights Reserved.
joomdonation.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.