Can you add CSS page IDs to the dynamic checkboxes please?
-
I want to use WPForms on a clients website but can you add CSS page IDs to the dynamic list of checkboxes first? Paid version as well as free if the checkboxes are included. It is a simple update and would reduce the amount of coding that needs to be done on my side when making websites.
I see on many sites using WPForms they only have a relative position. For example,
<div id="wpforms-777-field_24-container" class="wpforms-field wpforms-field-checkbox wpforms-list-inline" data-field-id="24"> <label class="wpforms-field-label" for="wpforms-777-field_24">Catagory: </label> <ul id="wpforms-777-field_24"> <li class="choice-0 depth-1"> <input type="checkbox" id="wpforms-777-field_24_0" name="wpforms[fields][24][]" value="272"> <label class="wpforms-field-label-inline" for="wpforms-777-field_24_0"> October</label> </li> <li class="choice-1 depth-1"> <input type="checkbox" id="wpforms-777-field_24_1" name="wpforms[fields][24][]" value="273"> <label class="wpforms-field-label-inline" for="wpforms-777-field_24_1"> Oh no</label> </li> <li class="choice-2 depth-1"> <input type="checkbox" id="wpforms-777-field_24_2" name="wpforms[fields][24][]" value="274"> <label class="wpforms-field-label-inline" for="wpforms-777-field_24_2"> Orange</label> </li>If I want to use CSS to highlight a label it’s gonna move each time if it is just connected to the position.
Can you add the page ID to the LI so we can easily change setting without having to constantly update CSS selectors please?
For example: <li class=”choice-2 depth-1″> -> <li class=”choice-2 depth-1 tag-link-265″>
Just now, every time we add a new category a dynamic list it moves items and the CSS selector has to be updated almost everything every time depending on the position. If you have the ID as part of the referenceable code for each checkbox then this would never be a problem.
You only need to add code like this
<?php echo get_the_ID(); ?>the the CSS class. Or some thing like this<?php echo "tag-link-" . get_the_ID(); ?>
-
Hi @a4jpcom — thank you for your patience here!
The filter is not yet documented but it can be used to pass a custom array of field properties including the class that you want to define.
You can check how this works by checking the class-checkbox.php on this path:
wp-content\plugins\wpforms\includes\fields from line 15Hope this helps! ??
I found a client using your plugin and they sent me the file so I could fixed it.
If you just add $value from your code to the class area people can reference the actual categories listed and style each dynamic checkbox or label. Please include this tiny update to your plugin.
wpforms/includes/fields/class-checkbox.php > Line 160:
'class' => array( "choice-{$key}", "depth-{$depth}", "cat-".$value ),Without this referencing update, people will keep having to update their CSS every time they add new categories if they are trying to style individual or important checkboxes.
The labels can then be referenced like this
li.cat-777 label{CSS here};Thank you for saying where the code roughly was it saved a heap of time.
———————
Also if it’s okay can you write more about wpforms_field_properties_checkbox somewhere?
If you shared actual code samples on the WordPress site here as well as your site, more people will learn about your plugin and be able to help improve the plugin. You will also get a double advertisement for your plugin. One from the WordPress site and the other from your site.
I’m sure WordPress also has a rule saying we can’t send people from the support area to our website to just get more clicks. Lots of plugins got removed from the repository before for trying this type of thing.
Hope I can help with more time to time now I know dynamic checkboxes can be referenced properly after this update.
Any plans on selling perpetual licenses instead of just having monthly or yearly licences later on as well?
Without the class “cat-“.$value update I don’t think I can use this plugin as it will just cause heaps of problems when the client updates their site. I hope your team can make the change soon.
By setting checkbox ids as just a position in a list you have also made it difficult to reference the checkboxes.
For example:
if(document.getElementById("wpforms-777-field_11_386") != null){ // you code if checkbox exist document.getElementById("wpforms-777-field_11_386").checked = true; }Everytime a new category is added this code selects the wrong box. Please use the category ID instead of position. The class should have both the ID and position for referencing.
All categories are automatically given individual IDs which means they are better for referencing.
- The topic ‘Can you add CSS page IDs to the dynamic checkboxes please?’ is closed to new replies.
