When I add a custom field to the step-by-step form the drop down is partially hidden. The user needs to scroll down to understand where to make a selection. If the form was a little longer it would be more user friendly. Can that dimension be modified?
Not sure if this can be done and our support does not fully provide customization solutions, but we can try to provide some basic CSS in situations like this.
For manipulating the width of the "outer Booking container", you can try this CSS:
to see if someone may be already suggested this feature. If you can't see it, feel free to add your suggestion there, and as more people vote, the feature will move higher on the priority list.
You can certainly follow our changeLog page if you'd like, where we state any changes/new features/bug fixes during updates;
and our newsletter, so you're informed about new features, bug fixes, freebies, etc.
Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways.
If you need help with adding custom CSS to the page, please take a look at this article.
If you need help with adding custom JS to the page, please take a look at this article.
There you can change the height and pixels, it will probably require several tries until you find the best option that will suit your needs.
Hope this helps.
If you have any more questions please open a new separate ticket for each question and we will gladly help you there.
I messed with the CSS and was able to increase the height a bit, but that didn't solve the problem of the hidden drop down box that requires scrolling to reveal. I even tried adding another custom field in hopes it would boost the one I want to be visible. That didn't work either. Here is the CSS I used based on your samples.
Not sure if this can be done and our support does not fully provide customization solutions, but we will try once more and see if we can set this up. As soon as we have more information we will contact you on this ticket.
I solved the problem by eliminating the phone number as a requirement. That made room for the options drop down.
But now the [ameliacustomerpanel] short code is not working on my pc and on my cell phone. I added it to this page https://enrichmented.com/my-classes. I used this link and it worked the first time. I used the link contained in the email confirmation. It worked the first time and I was able to reschedule a class. Now it doesn't work. I checked everything I could think of, but no luck. What do you suggest?
We are glad to hear that everything is resolved in regard to this. As for a customer panel my apologies but I can not find the customer panel on this page. I can only see the booking form? Can you please recheck the page and see if you placed and saved this placeholder on this page?
When I add a custom field to the step-by-step form the drop down is partially hidden. The user needs to scroll down to understand where to make a selection. If the form was a little longer it would be more user friendly. Can that dimension be modified?
Hello Ed,
Thank you for reaching out to us.
Not sure if this can be done and our support does not fully provide customization solutions, but we can try to provide some basic CSS in situations like this.
For manipulating the width of the "outer Booking container", you can try this CSS:
For example, on our Demo page, if i add that CSS, the outer container expands like this :
Just the background colour we set is transparent, so it is not very visible on our page,
but that width can be changed like that.
-
Now, if you also wish to manipulate this "inner Booking container width", you can use this CSS selector :
If i add that to our Demo, here is the result :
As you see, we have successfully changed the width this way.
The main property to edit is "max-width" with a fixed pixel value.
Let us know if that works for you.
-
If you wish to see a built-in solution for users to choose the Booking Form width from the Amelia's Customize interface,
please feel free to search through our feature suggestion page,
to see if someone may be already suggested this feature. If you can't see it, feel free to add your suggestion there, and as more people vote, the feature will move higher on the priority list.
You can certainly follow our changeLog page if you'd like, where we state any changes/new features/bug fixes during updates;
and our newsletter, so you're informed about new features, bug fixes, freebies, etc.
We wish you all the best.
Have a nice day.
Kind Regards,
Marko Davidovic [email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, floor plans, choropleth maps, and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
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 Marko,
Thanks for the code. I have a stupid question: Where do I add this?
Thanks!
...also, it is the height of the form that I want to increase.
Hello Ed,
Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways.
If you need help with adding custom CSS to the page, please take a look at this article.
If you need help with adding custom JS to the page, please take a look at this article.
There you can change the height and pixels, it will probably require several tries until you find the best option that will suit your needs.
Hope this helps.
If you have any more questions please open a new separate ticket for each question and we will gladly help you there.
We wish you all the best.
Have a nice day.
Kind Regards,
Marko Davidovic [email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, floor plans, choropleth maps, and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
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 Marko,
I messed with the CSS and was able to increase the height a bit, but that didn't solve the problem of the hidden drop down box that requires scrolling to reveal. I even tried adding another custom field in hopes it would boost the one I want to be visible. That didn't work either. Here is the CSS I used based on your samples.
.amelia-v2-booking #amelia-container .am-fs__main {
height: 600px;
max-width: 1200px;
width: 100%;
}
.amelia-v2-booking #amelia-container.am-fs__wrapper {
max-width: 1200px !important;
width: 100%;
height: 1000px;
margin: 99px auto;
border-radius: 8px;
box-shadow: 0 30px 40px #0000001f;
}
There must be a way to enlarge the form enough so scrolling isn't necessary.
Thanks!
Ed
Hello Ed,
Not sure if this can be done and our support does not fully provide customization solutions, but we will try once more and see if we can set this up. As soon as we have more information we will contact you on this ticket.
Kind Regards,
Marko Davidovic [email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, floor plans, choropleth maps, and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
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
Hello Ed,
We just got the feedback from our colleagues and they have told us that unfortunately, this is not possible to achieve at this time.
If you have any more questions please open a new separate ticket for each question and we will gladly help you there.
We wish you all the best.
Have a nice day.
Kind Regards,
Marko Davidovic [email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, floor plans, choropleth maps, and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
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
I solved the problem by eliminating the phone number as a requirement. That made room for the options drop down.
But now the [ameliacustomerpanel] short code is not working on my pc and on my cell phone. I added it to this page https://enrichmented.com/my-classes. I used this link and it worked the first time. I used the link contained in the email confirmation. It worked the first time and I was able to reschedule a class. Now it doesn't work. I checked everything I could think of, but no luck. What do you suggest?
Hello Ed,
We are glad to hear that everything is resolved in regard to this. As for a customer panel my apologies but I can not find the customer panel on this page. I can only see the booking form? Can you please recheck the page and see if you placed and saved this placeholder on this page?
Looking forward to your reply.
Kind Regards,
Marko Davidovic [email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, floor plans, choropleth maps, and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
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