I have two formatting issues with the 2.0 step-booking form. To view these select "meeting room booking" with service of "all-day meeting::
(1) On the Extras screen words in the extra's detail break across lines in some situations (even on wider screens). How can this be fixed?
(2) A text area custom field on the "your information" screen is constrained to 50% of the width of the screen, which looks rubbish and isn't user friendly. (On narrower screens this issue is avoided as the layout goes to a single column). If it's not possible to make custom fields extend across the width of the modal I would like a single column layout for your information. Can you explain how to do this please?
EDIT: I found a solution to point 2; by adding this in custom CSS:
I have two formatting issues with the 2.0 step-booking form. To view these select "meeting room booking" with service of "all-day meeting::
(1) On the Extras screen words in the extra's detail break across lines in some situations (even on wider screens). How can this be fixed?
(2) A text area custom field on the "your information" screen is constrained to 50% of the width of the screen, which looks rubbish and isn't user friendly. (On narrower screens this issue is avoided as the layout goes to a single column). If it's not possible to make custom fields extend across the width of the modal I would like a single column layout for your information. Can you explain how to do this please?
EDIT: I found a solution to point 2; by adding this in custom CSS:
.amelia-v2-booking #amelia-container .am-fs__info-form .el-form-item:nth-child(5) { width: 100%;}
Thank you,
Derek
Attached files: CleanShot 2024-04-08 at [email protected]
CleanShot 2024-04-08 at [email protected]
Hello Derek,
Thank you for reaching out to us.
Please try the following CSS for the issue number #1:
.amelia-v2-booking #amelia-container .am-fs__extras-card__header-left {word-break: break-word !important;
}
Let me know if that works for you or not.
Looking forward to your reply.
Kind Regards,
Uros Jovanovic
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hi Uroš,
Brilliant. That seems to have fixed the issue. Thank you.
Kind regards,
Derek