Request help modifying the Donation Form

  • Dave
  • Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
6 years 7 months ago #116739 by Dave
Item 1:
On small screens, the Donation Form input field for Last Name is styled width=100%.

But the input field for First Name, Address, etc is styled .input-large (210px).

I prefer width=100% for all of the fields.

I checked in \root\administrator\components\com_jdonation\view\field\tmpl\default.php, but it is not the correct file to modify.

Can you tell me which php file assigns input class="input-large" to the input fields on the donation form?
I would like to remove that class so that all of the fields are width 100%.
I understand that this is a core edit, requiring rewrite after updates.

Item 2:
The Donation Form layout is inline-block for large screens and block for small screens.
It is necessary for me to use a long (200 character) title for some of the fields on my Donation Form.
Because of these long titles, my form will look better if it is always in block form, regardless of screen size.

Can you give me some suggestions on how to make the form always "block"?

Thanks!

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

More
6 years 7 months ago #116740 by Mr. Dam
Replied by Mr. Dam on topic Request help modifying the Donation Form
Hi Dave,
1. With width size of field: Last Name, please go to Back-end -> Joom Donation -> Custom fields -> Open field: Last Name for modifying. In field: Css class, please enter: input-large, and save it. Then, the width size of field: Last Name will be the same with remain fields.
2. Could you please send the screenshot to explain more details about this issue?
Thanks
Dam

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

  • Dave
  • Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
6 years 7 months ago #116757 by Dave
Replied by Dave on topic Request help modifying the Donation Form
1 - thanks! Got it.

2 - screenshots attached. Goal: Donation Form always block, never inline-block.

Thanks.
Attachments:

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

More
6 years 7 months ago #116767 by Mr. Dam
Replied by Mr. Dam on topic Request help modifying the Donation Form
Hi Dave,
I am not sure with your idea, could you please explain it, if you can send me the link, it will be better.
Thanks
Dam

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

  • Dave
  • Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
6 years 7 months ago #116787 by Dave
Replied by Dave on topic Request help modifying the Donation Form
Hi. Thanks for your help.

Site is local-only now.

Responsive Joom Donation: large screen - the donation form title is adjacent to the data entry field.

Responsive Joom Donation: small screen - the donation form title is above to the data entry field.

I want to change Joom Donation so that title is always above data entry field, on all screen sizes.

Thanks.

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

  • Dave
  • Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
6 years 7 months ago #116797 by Dave
Replied by Dave on topic Request help modifying the Donation Form
Hi. i figured out a different approach to what i want.

i styled the col-md-9 and col-md-3 elements to different width % to achieve the desired effect.

Consider this question resolved.

Thanks for your help!

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

More
6 years 7 months ago #116869 by Mr. Dam
Replied by Mr. Dam on topic Request help modifying the Donation Form
OK Dave
Thanks
Dam

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

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