qstudio

<p>This is an add-on for the <a href="https://wordpress.org/extend/plugins/advanced-custom-fields/" rel="ugc">Advanced Custom Fields</a> WordPress plugin, that allows you to add a Number Slider field type.</p>
<p>This plugin uses the Simpler Slider jQuery library by James Smith – http://loopj.com/jquery-simple-slider/</p>
<p>For feature request and bug reports, <a href="https://qstudio.us/topic/advanced-custom-fields-number-slider" rel="nofollow ugc">please use the Q Studio Support Website</a>.</p>
<p>Please do not use the WordPress.org forum to report bugs, as we no longer monitor or respond to questions there.</p>
<h4>Compatibility</h4>
<p>This add-on will work with:</p>
<ul>
<li>Advanced Custom Fields version 4 & 5</li>
</ul>
<h4>More Information</h4>


Advanced Custom Fields: Number Slider

I used the field in CSS for the opacity of an overlay effect. I think the styles of the slider should be inherited from the user color scheme rather than the green color included in the plugin.



Almost Perfect

Number Slider field for Advanced Custom Fields

Recast Digital

<p>Recast Table Builder for Advanced Custom Fields and Secure Custom Fields adds a dedicated <code>Table</code> field type for <code>Advanced Custom Fields (ACF)</code> and <code>Secure Custom Fields (SCF)</code>.</p>
<p>Use it to build structured, editable custom data tables directly in the WordPress admin.</p>
<p>Features include:</p>
<ul>
<li>Add and remove table rows and columns.</li>
<li>Use text cells in the field UI.</li>
<li>Store the full table structure in one ACF/SCF field value.</li>
<li>Works with existing ACF and SCF field group workflows.</li>
</ul>
<p>This plugin requires Advanced Custom Fields or Secure Custom Fields to be installed and active.</p>
<h3>Usage</h3>
<ol>
<li>Create or edit an <code>ACF</code> or <code>SCF</code> field group.</li>
<li>Add a new field and choose the <code>Table</code> field type.</li>
<li>Assign the field group to the post type, page, options page, or block where you want to use it.</li>
<li>Edit your content and add table headers, rows, and cell values in the <code>Recast Table Builder for Advanced Custom Fields and Secure Custom Fields</code> UI.</li>
<li>Save or update the post.</li>
</ol>
<p>To render the saved table on the front end, fetch the field value with <code>get_field()</code> and pass it to <code>recast_stf_render()</code>:</p>
<pre><code>$table = get_field( 'my_table' );

if ( $table ) { echo recast_stf_render( $table ); }<h3>Styling</h3>
</code></pre>
<p>Recast Table Builder for Advanced Custom Fields and Secure Custom Fields` outputs a small set of default classes:</p>
<ul>
<li><code>.recast-table-builder-for-acf-scf-front</code></li>
<li><code>.recast-table-builder-for-acf-scf-front__table</code></li>
<li><code>.recast-table-builder-for-acf-scf-front__head</code></li>
<li><code>.recast-table-builder-for-acf-scf-front__body</code></li>
<li><code>.recast-table-builder-for-acf-scf-front__row</code></li>
<li><code>.recast-table-builder-for-acf-scf-front__heading</code></li>
<li><code>.recast-table-builder-for-acf-scf-front__cell</code></li>
</ul>
<p>You can style those classes directly with <code>CSS</code>.</p>


Recast Table Builder for ACF and SCF

Add a Table field for ACF and SCF to create editable custom data tables with rows and columns directly in WordPress.

Advanced Custom Fields: Number Slider vs Recast Table Builder for ACF and SCF