CB Login responsive field width
- tlwebdesign
- OFFLINE
-
Junior Member
- Posts: 35
- Thanks: 3
- Karma: 0
7 years 1 month ago #291746
by tlwebdesign
CB Login responsive field width was created by tlwebdesign
Hi,
I like my field widths to be responsive. But setting them to width: 100% with css does not override the size property of the field. Please advise.
Kind regards,
Tom
I like my field widths to be responsive. But setting them to width: 100% with css does not override the size property of the field. Please advise.
Kind regards,
Tom
This message contains confidential information
Please Log in to join the conversation.
krileon
Team Member- ONLINE
- Posts: 68483
- Thanks: 9076
- Karma: 1434
7 years 1 month ago - 7 years 1 month ago #291748
by krileon
Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.
Replied by krileon on topic CB Login responsive field width
CSS width always overrides the size attribute. Your issue is likely due to the container around the inputs. Likely either input-prepend or input-append CSS classes.
The CB Login module is designed after Joomla protostar template, which is Bootstrap 2 when using the Bootstrap module layout. The default module layout does not use Bootstrap. Ensure you've the appropriate layout selected. If your Joomla template is Bootstrap 3 you may need to make a layout override or CSS adjustments to the CB Login module.
The prepend and append usage for Bootstrap 2 is not very good with responsive design and I recommend just disabling the username and password input icons in your CB Login module to disable that functionality, which should cause it to display fine.
The CB Login module is designed after Joomla protostar template, which is Bootstrap 2 when using the Bootstrap module layout. The default module layout does not use Bootstrap. Ensure you've the appropriate layout selected. If your Joomla template is Bootstrap 3 you may need to make a layout override or CSS adjustments to the CB Login module.
The prepend and append usage for Bootstrap 2 is not very good with responsive design and I recommend just disabling the username and password input icons in your CB Login module to disable that functionality, which should cause it to display fine.
Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.
Last edit: 7 years 1 month ago by krileon.
Please Log in to join the conversation.
Moderators: beat, nant, krileon
Time to create page: 0.201 seconds
-
You are here:
- Home
- Forums
- Support and Presales
- Professional Members Support
- CB Login responsive field width