function reference_cell_dialog_template_callback()
{
ob_start();
?>
<?php
/*
* Use the the_ddl_name_attr function to get the
* name of the text box. Layouts will then handle loading and
* saving of this UI element automatically.
*/
?>
<div class="ddl-form reference-cell">
<?php
// Display simple text input
?>
<h3>
<?php
_e('Text input', 'theme-context');
?>
</h3>
<p>
<label for="<?php
the_ddl_name_attr('text_data');
?>
"><?php
_e('Cell data', 'theme-context');
?>
</label>
<input type="text" name="<?php
the_ddl_name_attr('text_data');
?>
">
<span class="desc"><?php
_e('Cell description', 'theme-context');
?>
</span>
</p>
<?php
// Display repeatable fields
// Form elements wrapped in ddl_repeat_start() and ddl_repeat_end() functions will be repeatable
?>
<h3>
<?php
_e('Repeatable fields', 'theme-context');
?>
</h3>
<?php
ddl_repeat_start('gallery', __('Add another item', 'theme-context'), 4);
// $group_name, $button_label, $max_items
?>
<p>
<label for="<?php
the_ddl_name_attr('gallery_item');
?>
"><?php
_e('Add image URL', 'theme-context');
?>
</label>
<input type="text" name="<?php
the_ddl_name_attr('gallery_item');
?>
">
</p>
<?php
ddl_repeat_end();
?>
</div>
<?php
return ob_get_clean();
}
function slider_cell_dialog_template_callback()
{
ob_start();
?>
<div class="ddl-form">
<p>
<label for="<?php
the_ddl_name_attr('slider_height');
?>
"><?php
_e('Slider height', 'ddl-layouts');
?>
:</label>
<input type="number" name="<?php
the_ddl_name_attr('slider_height');
?>
" value="300">
<span class="desc"><?php
_e('px, number only', 'ddl-layouts');
?>
</span>
</p>
<p>
<label for="<?php
the_ddl_name_attr('interval');
?>
"><?php
_e('Interval', 'ddl-layouts');
?>
:</label>
<input type="number" name="<?php
the_ddl_name_attr('interval');
?>
" value="5000">
<span class="desc"><?php
_e('The amount of time to delay between automatically cycling an item, ms.', 'ddl-layouts');
?>
</span>
</p>
<fieldset>
<legend><?php
_e('Options', 'ddl-layouts');
?>
</legend>
<div class="fields-group">
<label class="checkbox" for="<?php
the_ddl_name_attr('autoplay');
?>
">
<input type="checkbox" name="<?php
the_ddl_name_attr('autoplay');
?>
" id="<?php
the_ddl_name_attr('autoplay');
?>
" value="true">
<?php
_e('Autoplay', 'ddl-layouts');
?>
</label>
<label class="checkbox" for="<?php
the_ddl_name_attr('pause');
?>
">
<input type="checkbox" name="<?php
the_ddl_name_attr('pause');
?>
" id="<?php
the_ddl_name_attr('pause');
?>
" value="pause">
<?php
_e('Pause on hover', 'ddl-layouts');
?>
</label>
</div>
</fieldset>
<fieldset>
<legend><?php
_e('Image size', 'ddl-layouts');
?>
</legend>
<div class="fields-group">
<label class="checkbox" for="<?php
the_ddl_name_attr('image_size');
?>
">
<input type="radio" name="<?php
the_ddl_name_attr('image_size');
?>
" id="<?php
the_ddl_name_attr('image_size');
?>
" checheked="checked" value="">
<?php
_e('Contain (crop)', 'ddl-layouts');
?>
<span class="desc"><?php
_e('The background image will be scaled so that each side is as large as possible while not exceeding the length of the corresponding side of the container.', 'ddl-layouts');
?>
</span>
</label>
<label class="checkbox" for="<?php
the_ddl_name_attr('image_size');
?>
_cover">
<input type="radio" name="<?php
the_ddl_name_attr('image_size');
?>
" id="<?php
the_ddl_name_attr('image_size');
?>
_cover" value="cover">
<?php
_e('Cover (add padding)', 'ddl-layouts');
?>
<span class="desc"><?php
_e('The background image will be sized so that it is as small as possible while ensuring that both dimensions are greater than or equal to the corresponding size of the container.', 'ddl-layouts');
?>
</span>
</label>
</div>
</fieldset>
<h3><?php
_e('Slides', 'ddl-layouts');
?>
</h3>
<?php
ddl_repeat_start('slider', __('Add another slide', 'ddl-layouts'), 10);
?>
<div class="js-ddl-media-field">
<label for="<?php
the_ddl_name_attr('slide_url');
?>
"><?php
_e('Image', 'ddl-layouts');
?>
:</label>
<input type="text" class="js-ddl-media-url" name="<?php
the_ddl_name_attr('slide_url');
?>
" />
<p class="ddl-form-button-wrap">
<button class="button js-ddl-add-media"
data-uploader-title="<?php
_e('Choose an image', 'ddl-layouts');
?>
"
data-uploader-button-text="Insert image URL"><?php
_e('Choose an image', 'ddl-layouts');
?>
</button>
</p>
</div>
<p>
<label for="<?php
the_ddl_name_attr('slide_title');
?>
"><?php
_e('Caption title', 'ddl-layouts');
?>
:</label>
<input type="text" name="<?php
the_ddl_name_attr('slide_title');
?>
">
</p>
<p>
<label for="<?php
the_ddl_name_attr('slide_text');
?>
"><?php
_e('Caption description', 'ddl-layouts');
?>
:</label>
<textarea name="<?php
the_ddl_name_attr('slide_text');
?>
" rows="3"></textarea>
<span class="desc"><?php
_e('You can add HTML to the slide description.', 'ddl-layouts');
?>
</span>
</p>
<?php
ddl_repeat_end();
?>
</div>
<?php
return ob_get_clean();
}
