|
biaproviders
|
November 16, 2017 at 1:58 pm
On this page: http://biaprovidersconference.org/event-registration-2/?ee=8
Under the “Choose a Time:”Is there a way to change the drop down options into a radio button options instead?
|
|
Tony
|
November 17, 2017 at 12:42 pm
Hi there,
The function used to output that dropdown is pluggable which means you can override the function and output the values however you prefer, however…
What I would do here is used from jQuery to add an additional set of checkboxes that when selected set the dropdown value to match. That means you can just hide the dropdown using CSS, the user sees the checkboxes and EE continues to use whatever value is set in the dropdown (so no modifications needed).
Here is the jQuery you can use to create the checkboxes:
https://gist.github.com/Pebblo/d4e548aae35755a8a8aad3e2c30c720c
And with some CSS to hide the dropdown:
.event_espresso_form_wrapper .event_time select {
display: none;
}
Note those changes will apply to all of your events so you may need more specific CSS if you only want this for specific events and you’ll likely need some additional styles to make the checkbox look how you prefer, but the above should get you most of the way.
|
