/**
* Constructor
*/
public function __construct()
{
parent::__construct();
$revSliderAdmin = Mage::getSingleton('RevSliderAdmin');
$revSliderAdmin->requireSettings("slider_settings");
$settingsMain = $revSliderAdmin->getSettings("slider_main");
$settingsParams = $revSliderAdmin->getSettings("slider_params");
$settingsSliderMain = new RevSliderSettingsProduct();
$settingsSliderParams = new UniteSettingsProductSidebarRev();
//get taxonomies with cats
$postTypesWithCats = RevOperations::getPostTypesWithCatsForClient();
$jsonTaxWithCats = UniteFunctionsRev::jsonEncodeForClientSide($postTypesWithCats);
//check existing slider data:
$sliderID = $this->getRequest()->getParam('id');
if (!empty($sliderID)) {
$slider = new RevSlider();
$slider->initByID($sliderID);
//get setting fields
$settingsFields = $slider->getSettingsFields();
$arrFieldsMain = $settingsFields["main"];
$arrFieldsParams = $settingsFields["params"];
//modify arrows type for backword compatability
$arrowsType = UniteFunctionsRev::getVal($arrFieldsParams, "navigation_arrows");
switch ($arrowsType) {
case "verticalcentered":
$arrFieldsParams["navigation_arrows"] = "solo";
break;
}
//set custom type params values:
$settingsMain = RevSliderSettingsProduct::setSettingsCustomValues($settingsMain, $arrFieldsParams, $postTypesWithCats);
//set setting values from the slider
$settingsMain->setStoredValues($arrFieldsParams);
$settingsParams->setStoredValues($arrFieldsParams);
//update short code setting
$shortcode = $slider->getShortcode();
$settingsMain->updateSettingValue("shortcode", htmlentities($shortcode));
$linksEditSlides = $this->helper("adminhtml")->getUrl('adminhtml/nwdrevslider/slides/id/' . $sliderID);
$settingsSliderParams->init($settingsParams);
$settingsSliderMain->init($settingsMain);
$settingsSliderParams->isAccordion(true);
$this->assign('sliderID', $sliderID);
$this->assign('linksEditSlides', $linksEditSlides);
$this->assign('arrFieldsParams', $arrFieldsParams);
$this->setTemplate('nwdthemes/revslider/templates/slider_edit.phtml');
} else {
//set custom type params values:
$settingsMain = RevSliderSettingsProduct::setSettingsCustomValues($settingsMain, array(), $postTypesWithCats);
$settingsSliderParams->init($settingsParams);
$settingsSliderMain->init($settingsMain);
$settingsSliderParams->isAccordion(true);
$this->setTemplate('nwdthemes/revslider/templates/slider_new.phtml');
}
$this->assign('sliderTemplate', $this->_sliderTemplate);
$this->assign('settingsSliderMain', $settingsSliderMain);
$this->assign('settingsSliderParams', $settingsSliderParams);
$this->assign('jsonTaxWithCats', $jsonTaxWithCats);
}
$settingsFields = $slider->getSettingsFields();
$arrFieldsMain = $settingsFields["main"];
$arrFieldsParams = $settingsFields["params"];
//modify arrows type for backword compatability
$arrowsType = UniteFunctionsRev::getVal($arrFieldsParams, "navigation_arrows");
switch ($arrowsType) {
case "verticalcentered":
$arrFieldsParams["navigation_arrows"] = "solo";
break;
}
//set setting values from the slider
$settingsMain->setStoredValues($arrFieldsParams);
//set custom type params values:
$settingsMain = RevSliderSettingsProduct::setSettingsCustomValues($settingsMain, $arrFieldsParams);
$settingsParams->setStoredValues($arrFieldsParams);
//update short code setting
$shortcode = $slider->getShortcode();
$settingsMain->updateSettingValue("shortcode", $shortcode);
$linksEditSlides = self::getViewUrl(RevSliderAdmin::VIEW_SLIDES, "id={$sliderID}");
$settingsSliderParams->init($settingsParams);
$settingsSliderMain->init($settingsMain);
$settingsSliderParams->isAccordion(true);
require self::getPathTemplate("slider_edit");
} else {
$settingsSliderParams->init($settingsParams);
$settingsSliderMain->init($settingsMain);
$settingsSliderParams->isAccordion(true);
require self::getPathTemplate("slider_new");
}
?>
function front_page_options_contentbox($options)
{
$current_slider = $options['current_slider'];
?>
<table class="form-table" style="background-color:#F9F9F9; border:1px solid #DDDDDD;">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Current Slider', 'udesign');
?>
</th>
<td>
<label for="current_slider"><?php
esc_html_e('Choose a slider:', 'udesign');
?>
</label>
<br />
<select name="udesign_options[current_slider]" id="current_slider">
<option value="1"<?php
echo $current_slider == '1' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('Flashmo Grid Slider', 'udesign');
?>
</option>
<option value="2"<?php
echo $current_slider == '2' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('Piecemaker', 'udesign');
?>
</option>
<option value="3"<?php
echo $current_slider == '3' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('Piecemaker 2', 'udesign');
?>
</option>
<option value="4"<?php
echo $current_slider == '4' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('Cycle 1 (full width image)', 'udesign');
?>
</option>
<option value="5"<?php
echo $current_slider == '5' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('Cycle 2 (image with text)', 'udesign');
?>
</option>
<option value="6"<?php
echo $current_slider == '6' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('Cycle 3 (image with sliding text)', 'udesign');
?>
</option>
<option value="8"<?php
echo $current_slider == '8' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('Revolution Slider', 'udesign');
?>
</option>
<option value="7"<?php
echo $current_slider == '7' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('No Slider', 'udesign');
?>
</option>
</select>
<div class="clear"></div>
<div class="submit" style="padding:10px 0 0 80px; float:left; clear:both;">
<input type="hidden" id="udesign_submit" value="1" name="udesign_submit"/>
<input class="button-secondary" type="submit" name="submit" value="<?php
esc_attr_e('Save & Activate', 'udesign');
?>
" />
</div>
<?php
if ($current_slider != '5') {
?>
<div style="padding-top:10px; clear:both;"><?php
esc_html_e('Continue with the section below to customize the slider...', 'udesign');
?>
</div>
<?php
}
?>
</td>
</tr>
</tbody>
</table>
<?php
if ($current_slider == '1') {
$gs_image_width = $options['gs_image_width'];
$gs_image_height = $options['gs_image_height'];
$gs_auto_play = $options['gs_auto_play'];
$gs_grid_row = $options['gs_grid_row'];
$gs_grid_column = $options['gs_grid_column'];
$gs_auto_play_duration = $options['gs_auto_play_duration'];
$gs_tween_duration = $options['gs_tween_duration'];
$gs_tween_delay = $options['gs_tween_delay'];
$gs_bar_status = $options['gs_bar_status'];
$gs_remove_3d_shadow = $options['gs_remove_3d_shadow'];
$gs_slides_order_str = $options['gs_slides_order_str'];
$gs_slides_array = explode(',', $options['gs_slides_order_str']);
$gs_no_js_img = $options['gs_no_js_img'];
?>
<!-- Add invisible fields from the other sliders' forms to preserve their state. (this is only necessary for checkboxes, dropdowns and some text fields) -->
<input style="display:none;" name="udesign_options[pm_remove_3d_shadow]" type="checkbox" id="pm_remove_3d_shadow" value="yes" <?php
checked('yes', $options['pm_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c1_sync]" type="checkbox" id="c1_sync" value="yes" <?php
checked('yes', $options['c1_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_image_frame]" type="checkbox" id="c1_remove_image_frame" value="yes" <?php
checked('yes', $options['c1_remove_image_frame']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_3d_shadow]" type="checkbox" id="c1_remove_3d_shadow" value="yes" <?php
checked('yes', $options['c1_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c2_sync]" type="checkbox" id="c2_sync" value="yes" <?php
checked('yes', $options['c2_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c2_text_transition_on]" type="checkbox" id="c2_text_transition_on" value="yes" <?php
checked('yes', $options['c2_text_transition_on']);
?>
/>
<input style="display:none;" name="udesign_options[c3_autostop]" type="checkbox" id="c3_autostop" value="yes" <?php
checked('yes', $options['c3_autostop']);
?>
/>
<input name="udesign_options[no_slider_text]" type="hidden" id="no_slider_text" value="<?php
if ($options['no_slider_text']) {
echo esc_attr($options['no_slider_text']);
}
?>
" />
<input name="udesign_options[rev_slider_shortcode]" type="hidden" id="rev_slider_shortcode" value="<?php
if ($options['rev_slider_shortcode']) {
echo esc_attr($options['rev_slider_shortcode']);
}
?>
" />
<h2 style="color:#2680AA; margin-top: 2px; padding:20px 10px 0;"><?php
esc_html_e('Flashmo Grid Slider Settings:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="gs_image_width"><?php
esc_html_e('Image Width', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[gs_image_width]" type="text" id="gs_image_width" value="<?php
echo esc_attr($gs_image_width);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('The width in pixels of the slider images (940 recommended).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="gs_image_height"><?php
esc_html_e('Image Height', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[gs_image_height]" type="text" id="gs_image_height" value="<?php
echo esc_attr($gs_image_height);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('The height in pixels of the slider images (400 recommended).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="gs_auto_play"><?php
esc_html_e('Auto Play', 'udesign');
?>
</label></th>
<td>
<select name="udesign_options[gs_auto_play]" id="gs_auto_play">
<option value="true"<?php
echo $gs_auto_play == 'true' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('True', 'udesign');
?>
</option>
<option value="false"<?php
echo $gs_auto_play == 'false' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('False', 'udesign');
?>
</option>
</select>
<span><?php
esc_html_e('Set the auto play option, true by default ( or false ).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="gs_auto_play_duration"><?php
esc_html_e('Auto Play Duration', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[gs_auto_play_duration]" type="text" id="gs_auto_play_duration" value="<?php
echo esc_attr($gs_auto_play_duration);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Number of seconds between transitions, 2.4 seconds by default ( or any number of seconds ).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="gs_grid_row"><?php
esc_html_e('Number of Rows', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[gs_grid_row]" type="text" id="gs_grid_row" value="<?php
echo esc_attr($gs_grid_row);
?>
" size="5" maxlength="2" />
<span><?php
esc_html_e('Number of rows, in which the images will be sliced, 4 rows by default ( or any number of rows )', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="gs_grid_column"><?php
esc_html_e('Number of Columns', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[gs_grid_column]" type="text" id="gs_grid_column" value="<?php
echo esc_attr($gs_grid_column);
?>
" size="5" maxlength="2" />
<span><?php
esc_html_e('Number of columns, in which the images will be sliced, 6 columns by default ( or any number of columns )', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="gs_tween_duration"><?php
esc_html_e('Tween Duration', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[gs_tween_duration]" type="text" id="gs_tween_duration" value="<?php
echo esc_attr($gs_tween_duration);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Duration in seconds of the motion tween for each block in the transition.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="gs_tween_delay"><?php
esc_html_e('Tween Delay', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[gs_tween_delay]" type="text" id="gs_tween_delay" value="<?php
echo esc_attr($gs_tween_delay);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Delay in seconds between each block in the transition.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="gs_bar_status"><?php
esc_html_e('Bar Status', 'udesign');
?>
</label></th>
<td>
<select name="udesign_options[gs_bar_status]" id="gs_bar_status">
<option value="zero"<?php
echo $gs_bar_status == 'zero' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('Hide the Bar', 'udesign');
?>
</option>
<option value="1"<?php
echo $gs_bar_status == '1' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('Show the Bar', 'udesign');
?>
</option>
<option value="2"<?php
echo $gs_bar_status == '2' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('Show the Bar and Photo Description', 'udesign');
?>
</option>
</select>
<span><?php
esc_html_e('This is the area in the slider displaying additional controls and text.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('3D Shadow', 'udesign');
?>
</th>
<td>
<fieldset><legend class="screen-reader-text"><span><?php
esc_html_e('3D Shadow', 'udesign');
?>
</span></legend>
<label for="gs_remove_3d_shadow">
<input name="udesign_options[gs_remove_3d_shadow]" type="checkbox" id="gs_remove_3d_shadow" value="yes" <?php
checked('yes', $gs_remove_3d_shadow);
?>
/>
<?php
esc_html_e('Remove the 3D shadow under the slider', 'udesign');
?>
</label>
</fieldset>
</td>
</tr>
</tbody>
</table>
<?php
display_save_changes_button();
?>
<input name="udesign_options[gs_slides_order_str]" type="hidden" id="gs_slides_order_str" value="<?php
if ($gs_slides_order_str) {
echo esc_attr($gs_slides_order_str);
}
?>
" />
<div class="add-row" style></div>
<table id="gs-table-slides" class="gs-table-slides">
<tbody>
<?php
foreach ($gs_slides_array as $position => $slide_row_number) {
?>
<tr id="<?php
echo $slide_row_number;
?>
" class="row-style">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px"><?php
echo $position + 1;
?>
</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<div class="gs_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label style="font-weight:bold;" for="gs_slide_img_url_<?php
echo $slide_row_number;
?>
"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="gs_slide_img_url_field" name="udesign_options[gs_slide_img_url_<?php
echo $slide_row_number;
?>
]" type="text" id="gs_slide_img_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['gs_slide_img_url_' . $slide_row_number]) {
echo esc_url($options['gs_slide_img_url_' . $slide_row_number]);
}
?>
" size="65" />
<input id="gs_slide_upload_button_<?php
echo $slide_row_number;
?>
" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary gs_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="transition-flow" style="padding:10px 5px 0 0; float:left; clear:left;">
<strong><?php
esc_html_e('Flow:', 'udesign');
?>
</strong>
<select name="udesign_options[gs_slide_transition_flow_<?php
echo $slide_row_number;
?>
]" id="gs_slide_transition_flow_<?php
echo $slide_row_number;
?>
">
<option value="in"<?php
echo $options['gs_slide_transition_flow_' . $slide_row_number] == 'in' ? ' selected="selected"' : '';
?>
>In</option>
<option style="padding:4px;" value="out"<?php
echo $options['gs_slide_transition_flow_' . $slide_row_number] == 'out' ? ' selected="selected"' : '';
?>
>Out</option>
</select>
</div>
<div class="transition-direction" style="padding:10px 5px 0 10px; float:left;">
<strong><?php
esc_html_e('Direction:', 'udesign');
?>
</strong>
<select name="udesign_options[gs_slide_transition_direction_<?php
echo $slide_row_number;
?>
]" id="gs_slide_transition_direction_<?php
echo $slide_row_number;
?>
">
<option value="left"<?php
echo $options['gs_slide_transition_direction_' . $slide_row_number] == 'left' ? ' selected="selected"' : '';
?>
>left</option>
<option value="right"<?php
echo $options['gs_slide_transition_direction_' . $slide_row_number] == 'right' ? ' selected="selected"' : '';
?>
>right</option>
<option value="up"<?php
echo $options['gs_slide_transition_direction_' . $slide_row_number] == 'up' ? ' selected="selected"' : '';
?>
>up</option>
<option value="down"<?php
echo $options['gs_slide_transition_direction_' . $slide_row_number] == 'down' ? ' selected="selected"' : '';
?>
>down</option>
<option style="padding:4px;" value="center"<?php
echo $options['gs_slide_transition_direction_' . $slide_row_number] == 'center' ? ' selected="selected"' : '';
?>
>center</option>
</select>
</div>
<div class="transition-rotation" style="padding:10px 5px 0 10px; float:left; clear:right;">
<strong><?php
esc_html_e('Rotation:', 'udesign');
?>
</strong>
<select name="udesign_options[gs_slide_transition_rotation_<?php
echo $slide_row_number;
?>
]" id="gs_slide_transition_rotation_<?php
echo $slide_row_number;
?>
">
<option style="padding:4px;" value="-180"<?php
echo $options['gs_slide_transition_rotation_' . $slide_row_number] == '-180' ? ' selected="selected"' : '';
?>
>-180</option>
<option value="-90"<?php
echo $options['gs_slide_transition_rotation_' . $slide_row_number] == '-90' ? ' selected="selected"' : '';
?>
>-90</option>
<option value="zero"<?php
echo $options['gs_slide_transition_rotation_' . $slide_row_number] == 'zero' ? ' selected="selected"' : '';
?>
>0</option>
<option value="90"<?php
echo $options['gs_slide_transition_rotation_' . $slide_row_number] == '90' ? ' selected="selected"' : '';
?>
>90</option>
<option value="180"<?php
echo $options['gs_slide_transition_rotation_' . $slide_row_number] == '180' ? ' selected="selected"' : '';
?>
>180</option>
</select>
</div>
<div class="slide-info-text" style="padding:10px 5px 0 0; width:100%; float:left; display:inline;">
<strong><?php
esc_html_e('Slide text', 'udesign');
?>
</strong>:<br />
<textarea name="udesign_options[gs_slide_default_info_txt_<?php
echo $slide_row_number;
?>
]" class="code"
style="width:98%; font-size:12px; margin: 5px 0;" id="gs_slide_default_info_txt_<?php
echo $slide_row_number;
?>
"
rows="5" cols="60"><?php
echo $options['gs_slide_default_info_txt_' . $slide_row_number] ? esc_attr($options['gs_slide_default_info_txt_' . $slide_row_number]) : '';
?>
</textarea>
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('This textfield supports HTML and CSS. The CSS classes used are located in "sliders/flashmo/grid_slider/flashmo_224_style.css"', 'udesign');
?>
</span>
</div>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
<table id="gs-clone-table" style="display:none;">
<tbody>
<tr id="999" class="row-style">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px">999</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<div class="gs_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label style="font-weight:bold;" for="gs_slide_img_url_999"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="gs_slide_img_url_field" name="udesign_options[gs_slide_img_url_999]" type="text" id="gs_slide_img_url_999" value="" size="65" />
<input id="gs_slide_upload_button_999" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary gs_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="transition-flow" style="padding:10px 5px 0 0; float:left; clear:left;">
<strong><?php
esc_html_e('Flow:', 'udesign');
?>
</strong>
<select name="udesign_options[gs_slide_transition_flow_999]" id="gs_slide_transition_flow_999">
<option value="in">In</option>
<option style="padding:4px;" value="out" selected="selected">Out</option>
</select>
</div>
<div class="transition-direction" style="padding:10px 5px 0 10px; float:left;">
<strong><?php
esc_html_e('Direction:', 'udesign');
?>
</strong>
<select name="udesign_options[gs_slide_transition_direction_999]" id="gs_slide_transition_direction_999">
<option value="left" selected="selected">left</option>
<option value="right">right</option>
<option value="up">up</option>
<option value="down">down</option>
<option style="padding:4px;" value="center">center</option>
</select>
</div>
<div class="transition-rotation" style="padding:10px 5px 0 10px; float:left; clear:right;">
<strong><?php
esc_html_e('Rotation:', 'udesign');
?>
</strong>
<select name="udesign_options[gs_slide_transition_rotation_999]" id="gs_slide_transition_rotation_999">
<option style="padding:4px;" value="-180">-180</option>
<option value="-90">-90</option>
<option value="zero" selected="selected">0</option>
<option value="90">90</option>
<option value="180">180</option>
</select>
</div>
<div class="slide-info-text" style="padding:10px 5px 0 0; width:100%; float:left; display:inline;">
<strong><?php
esc_html_e('Slide text', 'udesign');
?>
</strong>:<br />
<textarea name="udesign_options[gs_slide_default_info_txt_999]" class="code"
style="width:98%; font-size:12px; margin: 5px 0;" id="gs_slide_default_info_txt_999"
rows="5" cols="60"><?php
echo get_gs_slide_default_info_txt();
?>
</textarea>
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('This textfield supports HTML and CSS. The CSS classes used are located in "sliders/flashmo/grid_slider/flashmo_224_style.css"', 'udesign');
?>
</span>
</div>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('No JavaScript image', 'udesign');
?>
</th>
<td>
<?php
esc_html_e('Paste the full path to your image:', 'udesign');
?>
<br />
<textarea style="width: 98%; font-size: 12px;" id="gs_no_js_img" rows="2" cols="60" name="udesign_options[gs_no_js_img]"><?php
if ($gs_no_js_img) {
echo esc_url($gs_no_js_img);
}
?>
</textarea><br />
<span class="description"><?php
esc_html_e('In the case when JavaScript is disabled the 1st slider image is displayed by default in place of the Flashmo slider, you may change that in here', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
<?php
} elseif ($current_slider == '2') {
$pm_image_width = $options['pm_image_width'];
$pm_image_height = $options['pm_image_height'];
$pm_segments = $options['pm_segments'];
$pm_tween_time = $options['pm_tween_time'];
$pm_tween_delay = $options['pm_tween_delay'];
$pm_tween_type = $options['pm_tween_type'];
$pm_z_distance = $options['pm_z_distance'];
$pm_expand = $options['pm_expand'];
$pm_shadow_darkness = $options['pm_shadow_darkness'];
$pm_autoplay = $options['pm_autoplay'];
$pm_text_distance = $options['pm_text_distance'];
$pm_remove_3d_shadow = $options['pm_remove_3d_shadow'];
$pm_text_background = $options['pm_text_background'];
$pm_inner_color = $options['pm_inner_color'];
$pm_slides_order_str = $options['pm_slides_order_str'];
$pm_slides_array = explode(',', $options['pm_slides_order_str']);
$pm_no_js_img = $options['pm_no_js_img'];
// Include the Piecemaker Slider XML generator page
require_once 'sliders/piecemaker/piecemakerXML.php';
?>
<!-- Add invisible fields from the other sliders' forms to preserve their state. (this is only necessary for checkboxes and some text fields) -->
<input style="display:none;" name="udesign_options[gs_remove_3d_shadow]" type="checkbox" id="gs_remove_3d_shadow" value="yes" <?php
checked('yes', $options['gs_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c1_sync]" type="checkbox" id="c1_sync" value="yes" <?php
checked('yes', $options['c1_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_image_frame]" type="checkbox" id="c1_remove_image_frame" value="yes" <?php
checked('yes', $options['c1_remove_image_frame']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_3d_shadow]" type="checkbox" id="c1_remove_3d_shadow" value="yes" <?php
checked('yes', $options['c1_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c2_sync]" type="checkbox" id="c2_sync" value="yes" <?php
checked('yes', $options['c2_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c2_text_transition_on]" type="checkbox" id="c2_text_transition_on" value="yes" <?php
checked('yes', $options['c2_text_transition_on']);
?>
/>
<input style="display:none;" name="udesign_options[c3_autostop]" type="checkbox" id="c3_autostop" value="yes" <?php
checked('yes', $options['c3_autostop']);
?>
/>
<input name="udesign_options[no_slider_text]" type="hidden" id="no_slider_text" value="<?php
if ($options['no_slider_text']) {
echo esc_attr($options['no_slider_text']);
}
?>
" />
<input name="udesign_options[rev_slider_shortcode]" type="hidden" id="rev_slider_shortcode" value="<?php
if ($options['rev_slider_shortcode']) {
echo esc_attr($options['rev_slider_shortcode']);
}
?>
" />
<h2 style="color:#2680AA; margin-top: 2px; padding:20px 10px 0;"><?php
esc_html_e('Piecemaker Slider Settings:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm_image_width"><?php
esc_html_e('Image Width', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm_image_width]" type="text" id="pm_image_width" value="<?php
echo esc_attr($pm_image_width);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('The width of the images to be loaded.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm_image_height"><?php
esc_html_e('Image Height', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm_image_height]" type="text" id="pm_image_height" value="<?php
echo esc_attr($pm_image_height);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('The height of the images to be loaded.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm_segments"><?php
esc_html_e('Number of segments', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm_segments]" type="text" id="pm_segments" value="<?php
echo esc_attr($pm_segments);
?>
" size="5" maxlength="2" />
<span><?php
esc_html_e('Number of segments, in which the images will be sliced.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm_tween_time"><?php
esc_html_e('Tween Time', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm_tween_time]" type="text" id="pm_tween_time" value="<?php
echo esc_attr($pm_tween_time);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Number of seconds for each element to be turned.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm_tween_delay"><?php
esc_html_e('Tween Delay', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm_tween_delay]" type="text" id="pm_tween_delay" value="<?php
echo esc_attr($pm_tween_delay);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Number of seconds from one element starting to turn to the next element starting.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm_tween_type"><?php
esc_html_e('Tween Type', 'udesign');
?>
</label></th>
<td>
<select name="udesign_options[pm_tween_type]" id="pm_tween_type">
<option value="easeInOutBack"<?php
echo $pm_tween_type == 'easeInOutBack' ? ' selected="selected"' : '';
?>
>easeInOutBack</option>
<option value="easeOutInBack"<?php
echo $pm_tween_type == 'easeOutInBack' ? ' selected="selected"' : '';
?>
>easeOutInBack</option>
<option value="easeOutBack"<?php
echo $pm_tween_type == 'easeOutBack' ? ' selected="selected"' : '';
?>
>easeOutBack</option>
<option value="easeInBack"<?php
echo $pm_tween_type == 'easeInBack' ? ' selected="selected"' : '';
?>
>easeInBack</option>
<option value="easeInBounce"<?php
echo $pm_tween_type == 'easeInBounce' ? ' selected="selected"' : '';
?>
>easeInBounce</option>
<option value="easeOutBounce"<?php
echo $pm_tween_type == 'easeOutBounce' ? ' selected="selected"' : '';
?>
>easeOutBounce</option>
<option value="easeInOutBounce"<?php
echo $pm_tween_type == 'easeInOutBounce' ? ' selected="selected"' : '';
?>
>easeInOutBounce</option>
<option value="easeOutInBounce"<?php
echo $pm_tween_type == 'easeOutInBounce' ? ' selected="selected"' : '';
?>
>easeOutInBounce</option>
<option value="easeInCirc"<?php
echo $pm_tween_type == 'easeInCirc' ? ' selected="selected"' : '';
?>
>easeInCirc</option>
<option value="easeOutCirc"<?php
echo $pm_tween_type == 'easeOutCirc' ? ' selected="selected"' : '';
?>
>easeOutCirc</option>
<option value="easeInOutCirc"<?php
echo $pm_tween_type == 'easeInOutCirc' ? ' selected="selected"' : '';
?>
>easeInOutCirc</option>
<option value="easeOutInCirc"<?php
echo $pm_tween_type == 'easeOutInCirc' ? ' selected="selected"' : '';
?>
>easeOutInCirc</option>
<option value="easeInElastic"<?php
echo $pm_tween_type == 'easeInElastic' ? ' selected="selected"' : '';
?>
>easeInElastic</option>
<option value="easeOutElastic"<?php
echo $pm_tween_type == 'easeOutElastic' ? ' selected="selected"' : '';
?>
>easeOutElastic</option>
<option value="easeInOutElastic"<?php
echo $pm_tween_type == 'easeInOutElastic' ? ' selected="selected"' : '';
?>
>easeInOutElastic</option>
<option value="easeOutInElastic"<?php
echo $pm_tween_type == 'easeOutInElastic' ? ' selected="selected"' : '';
?>
>easeOutInElastic</option>
<option value="easeInQuint"<?php
echo $pm_tween_type == 'easeInQuint' ? ' selected="selected"' : '';
?>
>easeInQuint</option>
<option value="easeOutQuint"<?php
echo $pm_tween_type == 'easeOutQuint' ? ' selected="selected"' : '';
?>
>easeOutQuint</option>
<option value="easeInOutQuint"<?php
echo $pm_tween_type == 'easeInOutQuint' ? ' selected="selected"' : '';
?>
>easeInOutQuint</option>
<option value="easeOutInQuint"<?php
echo $pm_tween_type == 'easeOutInQuint' ? ' selected="selected"' : '';
?>
>easeOutInQuint</option>
<option value="easeInExpo"<?php
echo $pm_tween_type == 'easeInExpo' ? ' selected="selected"' : '';
?>
>easeInExpo</option>
<option value="easeOutExpo"<?php
echo $pm_tween_type == 'easeOutExpo' ? ' selected="selected"' : '';
?>
>easeOutExpo</option>
<option value="easeInOutExpo"<?php
echo $pm_tween_type == 'easeInOutExpo' ? ' selected="selected"' : '';
?>
>easeInOutExpo</option>
<option value="easeOutInExpo"<?php
echo $pm_tween_type == 'easeOutInExpo' ? ' selected="selected"' : '';
?>
>easeOutInExpo</option>
<option value="easeInCubic"<?php
echo $pm_tween_type == 'easeInCubic' ? ' selected="selected"' : '';
?>
>easeInCubic</option>
<option value="easeOutCubic"<?php
echo $pm_tween_type == 'easeOutCubic' ? ' selected="selected"' : '';
?>
>easeOutCubic</option>
<option value="easeInOutCubic"<?php
echo $pm_tween_type == 'easeInOutCubic' ? ' selected="selected"' : '';
?>
>easeInOutCubic</option>
<option value="easeOutInCubic"<?php
echo $pm_tween_type == 'easeOutInCubic' ? ' selected="selected"' : '';
?>
>easeOutInCubic</option>
<option value="easeInQuart"<?php
echo $pm_tween_type == 'easeInQuart' ? ' selected="selected"' : '';
?>
>easeInQuart</option>
<option value="easeOutQuart"<?php
echo $pm_tween_type == 'easeOutQuart' ? ' selected="selected"' : '';
?>
>easeOutQuart</option>
<option value="easeInOutQuart"<?php
echo $pm_tween_type == 'easeInOutQuart' ? ' selected="selected"' : '';
?>
>easeInOutQuart</option>
<option value="easeOutInQuart"<?php
echo $pm_tween_type == 'easeOutInQuart' ? ' selected="selected"' : '';
?>
>easeOutInQuart</option>
<option value="easeInSine"<?php
echo $pm_tween_type == 'easeInSine' ? ' selected="selected"' : '';
?>
>easeInSine</option>
<option value="easeOutSine"<?php
echo $pm_tween_type == 'easeOutSine' ? ' selected="selected"' : '';
?>
>easeOutSine</option>
<option value="easeInOutSine"<?php
echo $pm_tween_type == 'easeInOutSine' ? ' selected="selected"' : '';
?>
>easeInOutSine</option>
<option value="easeOutInSine"<?php
echo $pm_tween_type == 'easeOutInSine' ? ' selected="selected"' : '';
?>
>easeOutInSine</option>
<option value="easeInQuad"<?php
echo $pm_tween_type == 'easeInQuad' ? ' selected="selected"' : '';
?>
>easeInQuad</option>
<option value="easeOutQuad"<?php
echo $pm_tween_type == 'easeOutQuad' ? ' selected="selected"' : '';
?>
>easeOutQuad</option>
<option value="easeInOutQuad"<?php
echo $pm_tween_type == 'easeInOutQuad' ? ' selected="selected"' : '';
?>
>easeInOutQuad</option>
<option value="easeOutInQuad"<?php
echo $pm_tween_type == 'easeOutInQuad' ? ' selected="selected"' : '';
?>
>easeOutInQuad</option>
<option value="linear"<?php
echo $pm_tween_type == 'linear' ? ' selected="selected"' : '';
?>
>linear</option>
</select>
<span><?php
printf(esc_html__('Type of transition from Caurina's Tweener class. Find all possible transition types and more information about Tweener in the official %1$sdocumentation%2$s.', 'udesign'), '<a href="http://hosted.zeh.com.br/tweener/docs/en-us/misc/transitions.html" target="_blank">', '</a>');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm_z_distance"><?php
esc_html_e('Z Distance', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm_z_distance]" type="text" id="pm_z_distance" value="<?php
echo esc_attr($pm_z_distance);
?>
" size="5" maxlength="5" />
<span><?php
esc_html_e('To which extent are the cubes moved on z axis when being tweened. Negative values bring the cube closer to the camera, positive values take it further away. A good range is roughly between -200 and 700.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm_expand"><?php
esc_html_e('Expand', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm_expand]" type="text" id="pm_expand" value="<?php
echo esc_attr($pm_expand);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('To which extent are the cubes moved away from each other when tweening.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm_shadow_darkness"><?php
esc_html_e('Shadow Darkness', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm_shadow_darkness]" type="text" id="pm_shadow_darkness" value="<?php
echo esc_attr($pm_shadow_darkness);
?>
" size="5" maxlength="3" />
<span><?php
esc_html_e('To which extent are the sides shadowed, when the elements are tweening and the sided move towards the background. 100 is black, 0 is no darkening.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm_autoplay"><?php
esc_html_e('Autoplay', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm_autoplay]" type="text" id="pm_autoplay" value="<?php
echo esc_attr($pm_autoplay);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Number of seconds to the next image.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm_text_distance"><?php
esc_html_e('Text Distance', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm_text_distance]" type="text" id="pm_text_distance" value="<?php
echo esc_attr($pm_text_distance);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Distance of the info text to the borders of its background.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('3D Shadow', 'udesign');
?>
</th>
<td>
<fieldset><legend class="screen-reader-text"><span><?php
esc_html_e('3D Shadow', 'udesign');
?>
</span></legend>
<label for="pm_remove_3d_shadow">
<input name="udesign_options[pm_remove_3d_shadow]" type="checkbox" id="pm_remove_3d_shadow" value="yes" <?php
checked('yes', $pm_remove_3d_shadow);
?>
/>
<?php
esc_html_e('Remove the 3D shadow under the slider', 'udesign');
?>
</label>
</fieldset>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Text Background', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="colorSelector1">
<div style="background-color: #<?php
echo $pm_text_background ? esc_attr($pm_text_background) : '0000FF';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm_text_background]" id="pm_text_background" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $pm_text_background ? esc_attr($pm_text_background) : '0000FF';
?>
" />
<?php
esc_html_e('Description text background', 'udesign');
?>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Inner Color', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="colorSelector2">
<div style="background-color: #<?php
echo $pm_inner_color ? esc_attr($pm_inner_color) : '0000FF';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm_inner_color]" id="pm_inner_color" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $pm_inner_color ? esc_attr($pm_inner_color) : '0000FF';
?>
" />
<?php
esc_html_e('Sides color of the sliced elements', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
<?php
display_save_changes_button();
?>
<input name="udesign_options[pm_slides_order_str]" type="hidden" id="pm_slides_order_str" value="<?php
if ($pm_slides_order_str) {
echo esc_attr($pm_slides_order_str);
}
?>
" />
<div class="add-row" style></div>
<table id="pm-table-slides" class="pm-table-slides">
<tbody>
<?php
foreach ($pm_slides_array as $position => $slide_row_number) {
?>
<tr id="<?php
echo $slide_row_number;
?>
" class="row-style">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 5px; width:10%; font-weight:bold; font-size:20px; text-align:center;"><?php
echo $position + 1;
?>
</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<div class="pm_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label for="pm_slide_img_url_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="pm_slide_img_url_field" name="udesign_options[pm_slide_img_url_<?php
echo $slide_row_number;
?>
]" type="text" id="pm_slide_img_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['pm_slide_img_url_' . $slide_row_number]) {
echo esc_attr($options['pm_slide_img_url_' . $slide_row_number]);
}
?>
" size="65" />
<input id="pm_slide_upload_button_<?php
echo $slide_row_number;
?>
" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary pm_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="clear"></div>
<div class="slide-info-text">
<p style="font-weight:bold; margin-bottom:0;"><?php
esc_html_e('Edit the info text, erase all for none:', 'udesign');
?>
</p>
<textarea name="udesign_options[pm_slider_default_info_txt_<?php
echo $slide_row_number;
?>
]" class="code"
style="width:97%; font-size:12px; margin: 5px 0;" id="pm_slider_default_info_txt_<?php
echo $slide_row_number;
?>
"
rows="6" cols="60" wrap="off"><?php
echo $options['pm_slider_default_info_txt_' . $slide_row_number] ? esc_attr($options['pm_slider_default_info_txt_' . $slide_row_number]) : '';
?>
</textarea>
<p style="margin:5px 0;"><span class="description"><?php
esc_html_e("Study the above text for slider's specific syntax", 'udesign');
?>
</span></p>
</div>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
<table id="pm-clone-table" style="display:none;">
<tbody>
<tr id="999" class="row-style">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 5px; width:10%; font-weight:bold; font-size:20px; text-align:center;">999</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<div class="pm_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label for="pm_slide_img_url_999" style="font-weight:bold;"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="pm_slide_img_url_field" name="udesign_options[pm_slide_img_url_999]" type="text" id="pm_slide_img_url_999" value="" size="65" />
<input id="pm_slide_upload_button_999" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary pm_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="clear"></div>
<div class="slide-info-text">
<p style="font-weight:bold; margin-bottom:0;"><?php
esc_html_e('Edit the info text, erase all for none:', 'udesign');
?>
</p>
<textarea name="udesign_options[pm_slider_default_info_txt_999]" class="code"
style="width:97%; font-size:12px; margin: 5px 0;" id="pm_slider_default_info_txt_999"
rows="6" cols="60" wrap="off"><?php
echo get_pm_slider_default_info_txt();
?>
</textarea>
<p style="margin:5px 0;"><span class="description"><?php
esc_html_e("Study the above text for slider's specific syntax", 'udesign');
?>
</span></p>
</div>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('No JavaScript image', 'udesign');
?>
</th>
<td>
<?php
esc_html_e('Paste the full path to your image:', 'udesign');
?>
<br />
<textarea style="width: 98%; font-size: 12px;" id="pm_no_js_img" rows="2" cols="60" name="udesign_options[pm_no_js_img]"><?php
if ($pm_no_js_img) {
echo esc_url($pm_no_js_img);
}
?>
</textarea><br />
<span class="description"><?php
esc_html_e('In the case when JavaScript is disabled the 1st slider image is displayed by default in place of the Piecemaker slider, you may change that in here', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
<?php
} elseif ($current_slider == '3') {
$pm2_slides_order_str = $options['pm2_slides_order_str'];
$pm2_slides_array = explode(',', $options['pm2_slides_order_str']);
$pm2_transitions_order_str = $options['pm2_transitions_order_str'];
$pm2_transitions_array = explode(',', $options['pm2_transitions_order_str']);
// Include the Piecemaker Slider XML generator page
require_once 'sliders/piecemaker_2/piecemakerXML.php';
?>
<!-- Add invisible fields from the other sliders' forms to preserve their state. (this is only necessary for checkboxes and some text fields) -->
<input style="display:none;" name="udesign_options[gs_remove_3d_shadow]" type="checkbox" id="gs_remove_3d_shadow" value="yes" <?php
checked('yes', $options['gs_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[pm_remove_3d_shadow]" type="checkbox" id="pm_remove_3d_shadow" value="yes" <?php
checked('yes', $options['pm_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c1_sync]" type="checkbox" id="c1_sync" value="yes" <?php
checked('yes', $options['c1_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_image_frame]" type="checkbox" id="c1_remove_image_frame" value="yes" <?php
checked('yes', $options['c1_remove_image_frame']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_3d_shadow]" type="checkbox" id="c1_remove_3d_shadow" value="yes" <?php
checked('yes', $options['c1_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c2_sync]" type="checkbox" id="c2_sync" value="yes" <?php
checked('yes', $options['c2_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c2_text_transition_on]" type="checkbox" id="c2_text_transition_on" value="yes" <?php
checked('yes', $options['c2_text_transition_on']);
?>
/>
<input style="display:none;" name="udesign_options[c3_autostop]" type="checkbox" id="c3_autostop" value="yes" <?php
checked('yes', $options['c3_autostop']);
?>
/>
<input name="udesign_options[no_slider_text]" type="hidden" id="no_slider_text" value="<?php
if ($options['no_slider_text']) {
echo esc_attr($options['no_slider_text']);
}
?>
" />
<input name="udesign_options[rev_slider_shortcode]" type="hidden" id="rev_slider_shortcode" value="<?php
if ($options['rev_slider_shortcode']) {
echo esc_attr($options['rev_slider_shortcode']);
}
?>
" />
<h2 style="color:#2680AA; margin-top: 2px; padding:20px 10px 0;"><?php
esc_html_e('Piecemaker 2 Slider Settings:', 'udesign');
?>
</h2>
<div style="margin:10px 3px; padding:15px 20px 20px; display:block; background-color:#F8F8F1; border:1px solid #DDD;">
<h2 style="color:#ff4d00; margin: 2px 0; padding:0;"><?php
esc_html_e('General Settings:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_image_width"><?php
esc_html_e('Image Width', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_image_width]" type="text" id="pm2_image_width" value="<?php
echo esc_attr($options['pm2_image_width']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('The width of every image.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_image_height"><?php
esc_html_e('Image Height', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_image_height]" type="text" id="pm2_image_height" value="<?php
echo esc_attr($options['pm2_image_height']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('The height of every image.', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Loader Color', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="pm2LoaderColor">
<div style="background-color: #<?php
echo $options['pm2_loader_color'] ? esc_attr($options['pm2_loader_color']) : '333333';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm2_loader_color]" id="pm2_loader_color" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $options['pm2_loader_color'] ? esc_attr($options['pm2_loader_color']) : '333333';
?>
" />
<?php
esc_html_e('Color of the cubes before the first image appears, also the color of the back sides of the cube, which become visible at some transition types.', 'udesign');
?>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Inner Side Color', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="pm2InnerSideColor">
<div style="background-color: #<?php
echo $options['pm2_inner_side_color'] ? esc_attr($options['pm2_inner_side_color']) : '222222';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm2_inner_side_color]" id="pm2_inner_side_color" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $options['pm2_inner_side_color'] ? esc_attr($options['pm2_inner_side_color']) : '222222';
?>
" />
<?php
esc_html_e('Color of the inner sides of the cube when sliced', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_autoplay"><?php
esc_html_e('Autoplay', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_autoplay]" type="text" id="pm2_autoplay" value="<?php
echo esc_attr($options['pm2_autoplay']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Number of seconds from one transition to another, if not stopped. Set to 0 to disable autoplay.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_field_of_view"><?php
esc_html_e('Field of View', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_field_of_view]" type="text" id="pm2_field_of_view" value="<?php
echo esc_attr($options['pm2_field_of_view']);
?>
" size="5" maxlength="4" />
<span><?php
printf(__('The display of the slide object moving down the z axis (1 to 179). It appears to change size quickly and moves a great distance. %1$sMore info%2$s', 'udesign'), '<a target="_blank" href="http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/geom/PerspectiveProjection.html#fieldOfView">', '</a>');
?>
</span>
</td>
</tr>
</tbody>
</table>
</div><!-- END General Settings -->
<div style="margin:10px 3px; padding:15px 20px 20px; display:block; background-color:#F8F8F1; border:1px solid #DDD;">
<h2 style="color:#ff4d00; margin: 2px 0; padding:0;"><?php
esc_html_e('Shadows:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_side_shadow_alpha"><?php
esc_html_e('Side Shadow Alpha', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_side_shadow_alpha]" type="text" id="pm2_side_shadow_alpha" value="<?php
echo esc_attr($options['pm2_side_shadow_alpha']);
?>
" size="5" maxlength="4" />
<span><?php
printf(esc_html__('Sides get darker when moved away from the front. This is the degree of darkness 0 = no change, 1 = 100%s black.', 'udesign'), '%');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_drop_shadow_alpha"><?php
esc_html_e('Drop Shadow Alpha', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_drop_shadow_alpha]" type="text" id="pm2_drop_shadow_alpha" value="<?php
echo esc_attr($options['pm2_drop_shadow_alpha']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Alpha of the drop shadow 0 = no shadow, 1 = opaque.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_drop_shadow_distance"><?php
esc_html_e('Drop Shadow Distance', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_drop_shadow_distance]" type="text" id="pm2_drop_shadow_distance" value="<?php
echo esc_attr($options['pm2_drop_shadow_distance']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Distance of the shadow from the bottom of the image.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_drop_shadow_scale"><?php
esc_html_e('Drop Shadow Scale', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_drop_shadow_scale]" type="text" id="pm2_drop_shadow_scale" value="<?php
echo esc_attr($options['pm2_drop_shadow_scale']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e("As the shadow is blurred, it appears wider that the actual image, when not resized. Thus it's a good idea to make it slightly smaller. 1 would be no resizing at all.", 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_drop_shadow_blur_x"><?php
esc_html_e('Drop Shadow Blur X', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_drop_shadow_blur_x]" type="text" id="pm2_drop_shadow_blur_x" value="<?php
echo esc_attr($options['pm2_drop_shadow_blur_x']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Blur of the drop shadow on the x-axis.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_drop_shadow_blur_y"><?php
esc_html_e('Drop Shadow Blur Y', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_drop_shadow_blur_y]" type="text" id="pm2_drop_shadow_blur_y" value="<?php
echo esc_attr($options['pm2_drop_shadow_blur_y']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Blur of the drop shadow on the y-axis.', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
</div><!-- END Shadows -->
<div style="margin:10px 3px; padding:15px 20px 20px; display:block; background-color:#F8F8F1; border:1px solid #DDD;">
<h2 style="color:#ff4d00; margin: 2px 0; padding:0;"><?php
esc_html_e('Menu:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_menu_distance_x"><?php
esc_html_e('Menu Distance X', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_menu_distance_x]" type="text" id="pm2_menu_distance_x" value="<?php
echo esc_attr($options['pm2_menu_distance_x']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Distance between two menu items (from center to center).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_menu_distance_y"><?php
esc_html_e('Menu Distance Y', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_menu_distance_y]" type="text" id="pm2_menu_distance_y" value="<?php
echo esc_attr($options['pm2_menu_distance_y']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Distance of the menu from the bottom of the image.', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Menu Color 1', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="pm2MenuColor1">
<div style="background-color: #<?php
echo $options['pm2_menu_color_1'] ? esc_attr($options['pm2_menu_color_1']) : '999999';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm2_menu_color_1]" id="pm2_menu_color_1" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $options['pm2_menu_color_1'] ? esc_attr($options['pm2_menu_color_1']) : '999999';
?>
" />
<?php
esc_html_e('Color of an inactive menu item.', 'udesign');
?>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Menu Color 2', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="pm2MenuColor2">
<div style="background-color: #<?php
echo $options['pm2_menu_color_2'] ? esc_attr($options['pm2_menu_color_2']) : '333333';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm2_menu_color_2]" id="pm2_menu_color_2" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $options['pm2_menu_color_2'] ? esc_attr($options['pm2_menu_color_2']) : '333333';
?>
" />
<?php
esc_html_e('Color of an active menu item.', 'udesign');
?>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Menu Color 3', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="pm2MenuColor3">
<div style="background-color: #<?php
echo $options['pm2_menu_color_3'] ? esc_attr($options['pm2_menu_color_3']) : 'FFFFFF';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm2_menu_color_3]" id="pm2_menu_color_3" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $options['pm2_menu_color_3'] ? esc_attr($options['pm2_menu_color_3']) : 'FFFFFF';
?>
" />
<?php
esc_html_e('Color of the inner circle of an active menu item. Should equal the background color of the whole thing.', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
</div><!-- END Menu -->
<div style="margin:10px 3px; padding:15px 20px 20px; display:block; background-color:#F8F8F1; border:1px solid #DDD;">
<h2 style="color:#ff4d00; margin: 2px 0; padding:0;"><?php
esc_html_e('Controls:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_control_size"><?php
esc_html_e("Controls' Size", 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_control_size]" type="text" id="pm2_control_size" value="<?php
echo esc_attr($options['pm2_control_size']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Size of the controls, which appear on rollover (play, stop, info, link).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_control_distance"><?php
esc_html_e("Controls' Distance", 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_control_distance]" type="text" id="pm2_control_distance" value="<?php
echo esc_attr($options['pm2_control_distance']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Distance between the controls (from the borders).', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Control Color 1', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="pm2ControlColor1">
<div style="background-color: #<?php
echo $options['pm2_control_color_1'] ? esc_attr($options['pm2_control_color_1']) : '222222';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm2_control_color_1]" id="pm2_control_color_1" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $options['pm2_control_color_1'] ? esc_attr($options['pm2_control_color_1']) : '222222';
?>
" />
<?php
esc_html_e('Background color of the controls.', 'udesign');
?>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Control Color 2', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="pm2ControlColor2">
<div style="background-color: #<?php
echo $options['pm2_control_color_2'] ? esc_attr($options['pm2_control_color_2']) : 'FFFFFF';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm2_control_color_2]" id="pm2_control_color_2" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $options['pm2_control_color_2'] ? esc_attr($options['pm2_control_color_2']) : 'FFFFFF';
?>
" />
<?php
esc_html_e('Font color of the controls.', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_control_alpha"><?php
esc_html_e('Control Alpha', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_control_alpha]" type="text" id="pm2_control_alpha" value="<?php
echo esc_attr($options['pm2_control_alpha']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Alpha of a control, when mouse is not over.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_control_alpha_over"><?php
esc_html_e('Control Alpha Over', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_control_alpha_over]" type="text" id="pm2_control_alpha_over" value="<?php
echo esc_attr($options['pm2_control_alpha_over']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Alpha of a control, when mouse is over.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_controls_x"><?php
esc_html_e('Controls X', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_controls_x]" type="text" id="pm2_controls_x" value="<?php
echo esc_attr($options['pm2_controls_x']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('X-position of the point, which aligns the controls (measured from [0,0] of the image).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_controls_y"><?php
esc_html_e('Controls Y', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_controls_y]" type="text" id="pm2_controls_y" value="<?php
echo esc_attr($options['pm2_controls_y']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Y-position of the point, which aligns the controls (measured from [0,0] of the image).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e("Controls' Alignment", 'udesign');
?>
</th>
<td>
<label for="pm2_controls_align" class="link-target">
<?php
esc_html_e('Choose Alignment: ', 'udesign');
?>
<select name="udesign_options[pm2_controls_align]" id="pm2_controls_align">
<option value="center"<?php
echo $options['pm2_controls_align'] == 'center' ? ' selected="selected"' : '';
?>
style="padding-right:9px;"><?php
esc_attr_e('center', 'udesign');
?>
</option>
<option value="left"<?php
echo $options['pm2_controls_align'] == 'left' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('left', 'udesign');
?>
</option>
<option value="right"<?php
echo $options['pm2_controls_align'] == 'right' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('right', 'udesign');
?>
</option>
</select>
</label>
<?php
esc_html_e('Type of alignment from the point [controlsX, controlsY] - can be "center", "left" or "right".', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
</div><!-- END Controls -->
<div style="margin:10px 3px; padding:15px 20px 20px; display:block; background-color:#F8F8F1; border:1px solid #DDD;">
<h2 style="color:#ff4d00; margin: 2px 0; padding:0;"><?php
esc_html_e('Toolstips:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_tooltip_height"><?php
esc_html_e('Tooltip Height', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_tooltip_height]" type="text" id="pm2_tooltip_height" value="<?php
echo esc_attr($options['pm2_tooltip_height']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Height of the tooltip surface in the menu.', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Tooltip Color', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="pm2TooltipColor">
<div style="background-color: #<?php
echo $options['pm2_tooltip_color'] ? esc_attr($options['pm2_tooltip_color']) : '222222';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm2_tooltip_color]" id="pm2_tooltip_color" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $options['pm2_tooltip_color'] ? esc_attr($options['pm2_tooltip_color']) : '222222';
?>
" />
<?php
esc_html_e('Color of the tooltip surface in the menu.', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_tooltip_text_y"><?php
esc_html_e('Tooltip Text Y', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_tooltip_text_y]" type="text" id="pm2_tooltip_text_y" value="<?php
echo esc_attr($options['pm2_tooltip_text_y']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Y-distance of the tooltip text field from the top of the tooltip.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Tooltip Text Style', 'udesign');
?>
</th>
<td>
<input name="udesign_options[pm2_tooltip_text_style]" type="text" id="pm2_tooltip_text_style" value="<?php
if ($options['pm2_tooltip_text_style']) {
echo esc_attr($options['pm2_tooltip_text_style']);
}
?>
" size="15" maxlength="50" />
<?php
esc_html_e('The style of the tooltip text, specified in the CSS file. Default: "P-Italic"', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Tooltip Text Color', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="pm2TooltipTextColor">
<div style="background-color: #<?php
echo $options['pm2_tooltip_text_color'] ? esc_attr($options['pm2_tooltip_text_color']) : 'FFFFFF';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm2_tooltip_text_color]" id="pm2_tooltip_text_color" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $options['pm2_tooltip_text_color'] ? esc_attr($options['pm2_tooltip_text_color']) : 'FFFFFF';
?>
" />
<?php
esc_html_e('Color of the tooltip text.', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_tooltip_margin_left"><?php
esc_html_e('Tooltip Margin Left', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_tooltip_margin_left]" type="text" id="pm2_tooltip_margin_left" value="<?php
echo esc_attr($options['pm2_tooltip_margin_left']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Margin of the text to the left end of the tooltip.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_tooltip_margin_right"><?php
esc_html_e('Tooltip Margin Right', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_tooltip_margin_right]" type="text" id="pm2_tooltip_margin_right" value="<?php
echo esc_attr($options['pm2_tooltip_margin_right']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Margin of the text to the right end of the tooltip.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_tooltip_text_sharpness"><?php
esc_html_e('Tooltip Text Sharpness', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_tooltip_text_sharpness]" type="text" id="pm2_tooltip_text_sharpness" value="<?php
echo esc_attr($options['pm2_tooltip_text_sharpness']);
?>
" size="5" maxlength="5" />
<span><?php
printf(__('Sharpness of the tooltip text (-400 to 400). %1$sMore info%2$s', 'udesign'), '<a target="_blank" href="http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/text/TextField.html#sharpness">', '</a>');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_tooltip_text_thickness"><?php
esc_html_e('Tooltip Text Thickness', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_tooltip_text_thickness]" type="text" id="pm2_tooltip_text_thickness" value="<?php
echo esc_attr($options['pm2_tooltip_text_thickness']);
?>
" size="5" maxlength="5" />
<span><?php
printf(__('Thickness of the tooltip text (-400 to 400). %1$sMore info%2$s', 'udesign'), '<a target="_blank" href="http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/text/TextField.html#thickness">', '</a>');
?>
</span>
</td>
</tr>
</tbody>
</table>
</div><!-- END Tooltips -->
<div style="margin:10px 3px; padding:15px 20px 20px; display:block; background-color:#F8F8F1; border:1px solid #DDD;">
<h2 style="color:#ff4d00; margin: 2px 0; padding:0;"><?php
esc_html_e('Info Text:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_info_width"><?php
esc_html_e('Info Width', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_info_width]" type="text" id="pm2_info_width" value="<?php
echo esc_attr($options['pm2_info_width']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('The width of the info text field.', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Info Background', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="pm2InfoBackground">
<div style="background-color: #<?php
echo $options['pm2_info_background'] ? esc_attr($options['pm2_info_background']) : 'FFFFFF';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm2_info_background]" id="pm2_info_background" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $options['pm2_info_background'] ? esc_attr($options['pm2_info_background']) : 'FFFFFF';
?>
" />
<?php
esc_html_e('The background color of the info text field.', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_info_background_alpha"><?php
esc_html_e('Info Background Alpha', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_info_background_alpha]" type="text" id="pm2_info_background_alpha" value="<?php
echo esc_attr($options['pm2_info_background_alpha']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('The alpha of the background of the info text, the image shines through, when smaller than 1.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_info_margin"><?php
esc_html_e('Info Margin', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_info_margin]" type="text" id="pm2_info_margin" value="<?php
echo esc_attr($options['pm2_info_margin']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('The margin of the text field in the info section to all sides.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_info_sharpness"><?php
esc_html_e('Info Sharpness', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_info_sharpness]" type="text" id="pm2_info_sharpness" value="<?php
echo esc_attr($options['pm2_info_sharpness']);
?>
" size="5" maxlength="5" />
<span><?php
esc_html_e('Sharpness of the info text (-400 to 400).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_info_thickness"><?php
esc_html_e('Info Thickness', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_info_thickness]" type="text" id="pm2_info_thickness" value="<?php
echo esc_attr($options['pm2_info_thickness']);
?>
" size="5" maxlength="5" />
<span><?php
esc_html_e('Thickness of the info text (-400 to 400).', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
</div><!-- END Info Text -->
<?php
display_save_changes_button();
?>
<h2 style="color:#2680AA; margin-top: 2px; padding:0 10px 0;"><?php
esc_html_e('Piecemaker 2 Slides:', 'udesign');
?>
</h2>
<input name="udesign_options[pm2_slides_order_str]" type="hidden" id="pm2_slides_order_str" value="<?php
if ($pm2_slides_order_str) {
echo esc_attr($pm2_slides_order_str);
}
?>
" />
<div class="add-image-row" style></div> <div class="add-flash-row" style></div> <div class="add-video-row" style></div>
<table id="pm2-table-slides" class="pm2-table-slides">
<tbody>
<?php
foreach ($pm2_slides_array as $position => $slide_row_number) {
?>
<tr id="<?php
echo $slide_row_number;
?>
" class="row-style-<?php
echo $options['pm2_slide_type_' . $slide_row_number];
?>
">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px"><?php
echo $position + 1;
?>
</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<!-- hidden field for curent slide's type, e.g. 'image', 'flash', 'video': -->
<input class="pm2_slide_type" name="udesign_options[pm2_slide_type_<?php
echo $slide_row_number;
?>
]" type="hidden" id="pm2_slide_type_<?php
echo $slide_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_slide_type_' . $slide_row_number]);
?>
" />
<?php
// If Image Slide
if ($options['pm2_slide_type_' . $slide_row_number] == 'image') {
?>
<div class="pm2_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label for="pm2_slide_img_url_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="pm2_slide_img_url_field" name="udesign_options[pm2_slide_img_url_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_slide_img_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['pm2_slide_img_url_' . $slide_row_number]) {
echo esc_url($options['pm2_slide_img_url_' . $slide_row_number]);
}
?>
" size="65" />
<input id="pm2_slide_upload_button_<?php
echo $slide_row_number;
?>
" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary pm2_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="clear"></div>
<div class="pm2_slide_img_title" style="padding:10px 5px 0 0; float:left;">
<label for="pm2_slide_img_title_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Title:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_slide_img_title_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_slide_img_title_<?php
echo $slide_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_slide_img_title_' . $slide_row_number]);
?>
" size="20" />
</div>
<div id="pm2_slide_link_url_<?php
echo $slide_row_number;
?>
" class="slide-link" style="padding:10px 5px 0; float:left;">
<label for="pm2_slide_link_url_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Link:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_slide_link_url_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_slide_link_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['pm2_slide_link_url_' . $slide_row_number]) {
echo esc_url($options['pm2_slide_link_url_' . $slide_row_number]);
}
?>
" size="30" />
<label for="pm2_slide_link_target_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;">
<?php
esc_html_e('Target: ', 'udesign');
?>
<select name="udesign_options[pm2_slide_link_target_<?php
echo $slide_row_number;
?>
]" id="pm2_slide_link_target_<?php
echo $slide_row_number;
?>
">
<option value="self"<?php
echo $options['pm2_slide_link_target_' . $slide_row_number] == 'self' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('self', 'udesign');
?>
</option>
<option value="blank"<?php
echo $options['pm2_slide_link_target_' . $slide_row_number] == 'blank' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('blank', 'udesign');
?>
</option>
</select>
</label>
</div>
<div class="slide-info-text" style="padding:10px 5px 0 0; width:100%; float:left; display:inline;">
<strong><?php
esc_html_e('Slide text', 'udesign');
?>
</strong>:<br />
<textarea name="udesign_options[pm2_slide_default_info_txt_<?php
echo $slide_row_number;
?>
]" class="code"
style="width:98%; font-size:12px; margin: 5px 0;" id="pm2_slide_default_info_txt_<?php
echo $slide_row_number;
?>
"
rows="3" cols="60"><?php
echo $options['pm2_slide_default_info_txt_' . $slide_row_number] ? esc_attr($options['pm2_slide_default_info_txt_' . $slide_row_number]) : '';
?>
</textarea>
<br />
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('To remove the text just leave a single space.', 'udesign');
?>
</span>
</div>
<?php
// If Flash Slide
} elseif ($options['pm2_slide_type_' . $slide_row_number] == 'flash') {
?>
<div class="pm2_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label for="pm2_slide_img_url_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="pm2_slide_img_url_field" name="udesign_options[pm2_slide_img_url_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_slide_img_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['pm2_slide_img_url_' . $slide_row_number]) {
echo esc_url($options['pm2_slide_img_url_' . $slide_row_number]);
}
?>
" size="65" />
<input id="pm2_slide_upload_button_<?php
echo $slide_row_number;
?>
" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary pm2_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="clear"></div>
<div class="pm2_slide_img_title" style="padding:10px 0 0; clear:both;">
<label for="pm2_slide_img_title_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Title Attribute:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_slide_img_title_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_slide_img_title_<?php
echo $slide_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_slide_img_title_' . $slide_row_number]);
?>
" size="40" /><br />
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('(The title attribute will be shown in the tooltip on the menu)', 'udesign');
?>
</span>
</div>
<div class="flash-link" id="pm2_flash_link_url_<?php
echo $slide_row_number;
?>
" style="padding:10px 0 0; clear:both;">
<label class="flash-url" for="pm2_flash_link_url_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('SWF Link:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_flash_link_url_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_flash_link_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['pm2_flash_link_url_' . $slide_row_number]) {
echo esc_url($options['pm2_flash_link_url_' . $slide_row_number]);
}
?>
" size="60" /><br />
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('(Paste the URL to the SWF file here. Should be on same Server)', 'udesign');
?>
</span>
</div>
<?php
// If Video Slide
} elseif ($options['pm2_slide_type_' . $slide_row_number] == 'video') {
?>
<div class="pm2_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label for="pm2_slide_img_url_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="pm2_slide_img_url_field" name="udesign_options[pm2_slide_img_url_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_slide_img_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['pm2_slide_img_url_' . $slide_row_number]) {
echo esc_url($options['pm2_slide_img_url_' . $slide_row_number]);
}
?>
" size="65" />
<input id="pm2_slide_upload_button_<?php
echo $slide_row_number;
?>
" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary pm2_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="clear"></div>
<div class="pm2_slide_img_title" style="padding:10px 0 0; clear:both;">
<label for="pm2_slide_img_title_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Title Attribute:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_slide_img_title_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_slide_img_title_<?php
echo $slide_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_slide_img_title_' . $slide_row_number]);
?>
" size="40" /><br />
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('(The title attribute will be shown in the tooltip on the menu)', 'udesign');
?>
</span>
</div>
<div class="video-link" id="pm2_video_link_url_<?php
echo $slide_row_number;
?>
" style="padding:10px 0 0; clear:both;">
<label class="video-url" for="pm2_video_link_url_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Video Link:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_video_link_url_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_video_link_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['pm2_video_link_url_' . $slide_row_number]) {
echo esc_url($options['pm2_video_link_url_' . $slide_row_number]);
}
?>
" size="60" /><br />
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('(Paste the URL to the video file here. Should be on same Server. Accepted file formats are MPEG4 with H.264 Codec, as well as F4V and FLV)', 'udesign');
?>
</span>
</div>
<div class="pm2_video_width" style="padding:10px 20px 0 0; float:left;">
<label for="pm2_video_width_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Width:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_video_width_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_video_width_<?php
echo $slide_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_video_width_' . $slide_row_number]);
?>
" size="5" maxlength="4" />px
</div>
<div class="pm2_video_height" style="padding:10px 20px 0 0; float:left;">
<label for="pm2_video_height_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Height:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_video_height_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_video_height_<?php
echo $slide_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_video_height_' . $slide_row_number]);
?>
" size="5" maxlength="4" />px
</div>
<div class="pm2_video_autoplay" style="padding:10px 20px 0 0; float:left;">
<label for="pm2_video_autoplay_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;">
<?php
esc_html_e('Autoplay: ', 'udesign');
?>
<select name="udesign_options[pm2_video_autoplay_<?php
echo $slide_row_number;
?>
]" id="pm2_video_autoplay_<?php
echo $slide_row_number;
?>
">
<option value="yes"<?php
echo $options['pm2_video_autoplay_' . $slide_row_number] == 'yes' ? ' selected="selected"' : '';
?>
style="padding-right:10px;"><?php
esc_html_e('Yes', 'udesign');
?>
</option>
<option value="no"<?php
echo $options['pm2_video_autoplay_' . $slide_row_number] == 'no' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('No', 'udesign');
?>
</option>
</select>
</label>
</div>
<?php
}
?>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
<table id="pm2-image-clone-table" style="display:none;">
<tbody>
<tr id="999" class="row-style-image">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px">999</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<!-- hidden field for current slide's type, e.g. 'image', 'flash', 'video': -->
<input class="pm2_slide_type" name="udesign_options[pm2_slide_type_999]" type="hidden" id="pm2_slide_type_999" value="image" />
<div class="pm2_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label for="pm2_slide_img_url_999" style="font-weight:bold;"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="pm2_slide_img_url_field" name="udesign_options[pm2_slide_img_url_999]" type="text" id="pm2_slide_img_url_999" value="" size="65" />
<input id="pm2_slide_upload_button_999" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary pm2_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="clear"></div>
<div class="pm2_slide_img_title" style="padding:10px 5px 0 0; float:left;">
<label for="pm2_slide_img_title_999" style="font-weight:bold;"><?php
esc_html_e('Title:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_slide_img_title_999]" type="text" id="pm2_slide_img_title_999" value="Title" size="20" />
</div>
<div id="pm2_slide_link_url_999" class="slide-link" style="padding:10px 5px 0; float:left;">
<label for="pm2_slide_link_url_999" class="link-url" style="font-weight:bold;"><?php
esc_html_e('Link:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_slide_link_url_999]" type="text" id="pm2_slide_link_url_999" value="" size="30" />
<label for="pm2_slide_link_target_999" class="link-target" style="font-weight:bold;">
<?php
esc_html_e('Target: ', 'udesign');
?>
<select name="udesign_options[pm2_slide_link_target_999]" id="pm2_slide_link_target_999">
<option value="self" selected="selected"><?php
esc_attr_e('self', 'udesign');
?>
</option>
<option value="blank"><?php
esc_attr_e('blank', 'udesign');
?>
</option>
</select>
</label>
</div>
<div class="slide-info-text" style="padding:10px 5px 0 0; width:100%; float:left; display:inline;">
<strong><?php
esc_html_e('Slide text', 'udesign');
?>
</strong>:<br />
<textarea name="udesign_options[pm2_slide_default_info_txt_999]" class="code"
style="width:98%; font-size:12px; margin: 5px 0;" id="pm2_slide_default_info_txt_999"
rows="3" cols="60"><?php
echo get_pm2_slide_default_info_txt();
?>
</textarea>
<br />
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('To remove the text just leave a single space.', 'udesign');
?>
</span>
</div>
</td>
</tr>
</tbody>
</table>
<table id="pm2-flash-clone-table" style="display:none;">
<tbody>
<tr id="999" class="row-style-flash">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px">999</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<!-- hidden field for current slide's type, e.g. 'image', 'flash', 'video': -->
<input class="pm2_slide_type" name="udesign_options[pm2_slide_type_999]" type="hidden" id="pm2_slide_type_999" value="flash" />
<div class="pm2_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label for="pm2_slide_img_url_999" style="font-weight:bold;"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="pm2_slide_img_url_field" name="udesign_options[pm2_slide_img_url_999]" type="text" id="pm2_slide_img_url_999" value="" size="65" />
<input id="pm2_slide_upload_button_999" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary pm2_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="clear"></div>
<div class="pm2_slide_img_title" style="padding:10px 0 0; clear:both;">
<label for="pm2_slide_img_title_999" style="font-weight:bold;"><?php
esc_html_e('Title Attribute:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_slide_img_title_999]" type="text" id="pm2_slide_img_title_999" value="Title" size="40" /><br />
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('(The title attribute will be shown in the tooltip on the menu)', 'udesign');
?>
</span>
</div>
<div class="flash-link" id="pm2_flash_link_url_999" style="padding:10px 0 0; clear:both;">
<label class="flash-url" for="pm2_flash_link_url_999" style="font-weight:bold;"><?php
esc_html_e('SWF Link:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_flash_link_url_999]" type="text" id="pm2_flash_link_url_999" value="" size="60" /><br />
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('(Paste the URL to the SWF file here. Should be on same Server)', 'udesign');
?>
</span>
</div>
</td>
</tr>
</tbody>
</table>
<table id="pm2-video-clone-table" style="display:none;">
<tbody>
<tr id="999" class="row-style-video">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px">999</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<!-- hidden field for current slide's type, e.g. 'image', 'flash', 'video': -->
<input class="pm2_slide_type" name="udesign_options[pm2_slide_type_999]" type="hidden" id="pm2_slide_type_999" value="video" />
<div class="pm2_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label for="pm2_slide_img_url_999" style="font-weight:bold;"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="pm2_slide_img_url_field" name="udesign_options[pm2_slide_img_url_999]" type="text" id="pm2_slide_img_url_999" value="" size="65" />
<input id="pm2_slide_upload_button_999" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary pm2_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="clear"></div>
<div class="pm2_slide_img_title" style="padding:10px 0 0; clear:both;">
<label for="pm2_slide_img_title_999" style="font-weight:bold;"><?php
esc_html_e('Title Attribute:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_slide_img_title_999]" type="text" id="pm2_slide_img_title_999" value="Title" size="40" /><br />
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('(The title attribute will be shown in the tooltip on the menu)', 'udesign');
?>
</span>
</div>
<div class="video-link" id="pm2_video_link_url_999" style="padding:10px 0 0; clear:both;">
<label class="video-url" for="pm2_video_link_url_999" style="font-weight:bold;"><?php
esc_html_e('Video Link:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_video_link_url_999]" type="text" id="pm2_video_link_url_999" value="" size="60" /><br />
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('(Paste the URL to the FLV file here. Should be on same Server. Accepted file formats are MPEG4 with H.264 Codec, as well as F4V and FLV)', 'udesign');
?>
</span>
</div>
<div class="pm2_video_width" style="padding:10px 20px 0 0; float:left;">
<label for="pm2_video_width_999" style="font-weight:bold;"><?php
esc_html_e('Width:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_video_width_999]" type="text" id="pm2_video_width_999" value="910" size="5" maxlength="4" />px
</div>
<div class="pm2_video_height" style="padding:10px 20px 0 0; float:left;">
<label for="pm2_video_height_999" style="font-weight:bold;"><?php
esc_html_e('Height:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_video_height_999]" type="text" id="pm2_video_height_999" value="365" size="5" maxlength="4" />px
</div>
<div class="pm2_video_autoplay" style="padding:10px 20px 0 0; float:left;">
<label for="pm2_video_autoplay_999" style="font-weight:bold;">
<?php
esc_html_e('Autoplay: ', 'udesign');
?>
<select name="udesign_options[pm2_video_autoplay_999]" id="pm2_video_autoplay_999">
<option value="yes" selected="selected" style="padding-right:10px;"><?php
esc_html_e('Yes', 'udesign');
?>
</option>
<option value="no"><?php
esc_html_e('No', 'udesign');
?>
</option>
</select>
</label>
</div>
</td>
</tr>
</tbody>
</table>
<?php
display_save_changes_button();
?>
<div style="margin:20px 3px; padding:15px 20px 20px; display:block; background-color:#F8F8F1; border:1px solid #DDD;">
<h2 style="color:#ff4d00; margin: 2px 0; padding:0;"><?php
esc_html_e('Piecemaker 2 Transitions:', 'udesign');
?>
</h2>
<p style="margin: 0 0 10px; font-size: 12px;"><?php
esc_html_e('You can add as many transitions to the Piecemaker 2 as you want. These transitions will be started in the order they are specified below. This order is entirely independent from the order of the slides above. Once the last transition is reached, it starts over again with the first transition.', 'udesign');
?>
</p>
<p style="margin: 5px 0 10px; font-size: 12px;"><?php
esc_html_e('Every transition needs to have the following six attributes assigned to it:', 'udesign');
?>
</p>
<ul>
<li><strong><?php
esc_html_e('Pieces', 'udesign');
?>
</strong> - <?php
esc_html_e('Number of pieces to which the image is sliced.', 'udesign');
?>
</li>
<li><strong><?php
esc_html_e('Time', 'udesign');
?>
</strong> - <?php
esc_html_e('Time for one cube to turn.', 'udesign');
?>
</li>
<li><strong><?php
esc_html_e('Transition', 'udesign');
?>
</strong> - <?php
esc_html_e('Transition type of the Tweener class. For more info on these types see the official Tweener Documentation and go to "Transition Types". The best results are achieved by those transition types, which begin with easeInOut.', 'udesign');
?>
</li>
<li><strong><?php
esc_html_e('Delay', 'udesign');
?>
</strong> - <?php
esc_html_e('Delay between the start of one cube to the start of the next cube.', 'udesign');
?>
</li>
<li><strong><?php
esc_html_e('Depth Offset', 'udesign');
?>
</strong> - <?php
esc_html_e('The offset during transition on the z-axis. Value between 100 and 1000 are recommended. But go for experiments.', 'udesign');
?>
:)</li>
<li><strong><?php
esc_html_e('Cube Distance', 'udesign');
?>
</strong> - <?php
esc_html_e('The distance between the cubes during transition. Values between 5 and 50 are recommended. But go for experiments.', 'udesign');
?>
:)</li>
</ul>
<div class="clear"></div>
<input name="udesign_options[pm2_transitions_order_str]" type="hidden" id="pm2_transitions_order_str" value="<?php
if ($pm2_transitions_order_str) {
echo esc_attr($pm2_transitions_order_str);
}
?>
" />
<div class="add-transition-row" style></div>
<table id="pm2-table-transitions" class="pm2-table-transitions">
<tbody>
<?php
foreach ($pm2_transitions_array as $tr_position => $transition_row_number) {
?>
<tr id="<?php
echo $transition_row_number;
?>
" class="row-style">
<td class="transitionDragHandle showDragHandleCloser" style="width:30px; padding:10px 20px;"> </td>
<td class="deleteTransition" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:10px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:82px"><?php
echo $tr_position + 1;
?>
</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<div class="pm2_transition_pieces" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_transition_pieces_<?php
echo $transition_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Pieces:', 'udesign');
?>
</label><br />
<input name="udesign_options[pm2_transition_pieces_<?php
echo $transition_row_number;
?>
]" type="text" id="pm2_transition_pieces_<?php
echo $transition_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_transition_pieces_' . $transition_row_number]);
?>
" size="5" maxlength="2" />
</div>
<div class="pm2_transition_time" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_transition_time_<?php
echo $transition_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Time:', 'udesign');
?>
</label><br />
<input name="udesign_options[pm2_transition_time_<?php
echo $transition_row_number;
?>
]" type="text" id="pm2_transition_time_<?php
echo $transition_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_transition_time_' . $transition_row_number]);
?>
" size="5" maxlength="4" />
</div>
<div class="transition-type" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_transition_type_<?php
echo $transition_row_number;
?>
" style="font-weight:bold;">
<?php
esc_html_e('Transition: ', 'udesign');
?>
<br />
<select name="udesign_options[pm2_transition_type_<?php
echo $transition_row_number;
?>
]" id="pm2_transition_type_<?php
echo $transition_row_number;
?>
">
<option value="easeInOutBack"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInOutBack' ? ' selected="selected"' : '';
?>
>easeInOutBack</option>
<option value="easeOutInBack"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutInBack' ? ' selected="selected"' : '';
?>
>easeOutInBack</option>
<option value="easeOutBack"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutBack' ? ' selected="selected"' : '';
?>
>easeOutBack</option>
<option value="easeInBack"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInBack' ? ' selected="selected"' : '';
?>
>easeInBack</option>
<option value="easeInBounce"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInBounce' ? ' selected="selected"' : '';
?>
>easeInBounce</option>
<option value="easeOutBounce"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutBounce' ? ' selected="selected"' : '';
?>
>easeOutBounce</option>
<option value="easeInOutBounce"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInOutBounce' ? ' selected="selected"' : '';
?>
>easeInOutBounce</option>
<option value="easeOutInBounce"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutInBounce' ? ' selected="selected"' : '';
?>
>easeOutInBounce</option>
<option value="easeInCirc"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInCirc' ? ' selected="selected"' : '';
?>
>easeInCirc</option>
<option value="easeOutCirc"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutCirc' ? ' selected="selected"' : '';
?>
>easeOutCirc</option>
<option value="easeInOutCirc"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInOutCirc' ? ' selected="selected"' : '';
?>
>easeInOutCirc</option>
<option value="easeOutInCirc"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutInCirc' ? ' selected="selected"' : '';
?>
>easeOutInCirc</option>
<option value="easeInElastic"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInElastic' ? ' selected="selected"' : '';
?>
>easeInElastic</option>
<option value="easeOutElastic"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutElastic' ? ' selected="selected"' : '';
?>
>easeOutElastic</option>
<option value="easeInOutElastic"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInOutElastic' ? ' selected="selected"' : '';
?>
>easeInOutElastic</option>
<option value="easeOutInElastic"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutInElastic' ? ' selected="selected"' : '';
?>
>easeOutInElastic</option>
<option value="easeInQuint"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInQuint' ? ' selected="selected"' : '';
?>
>easeInQuint</option>
<option value="easeOutQuint"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutQuint' ? ' selected="selected"' : '';
?>
>easeOutQuint</option>
<option value="easeInOutQuint"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInOutQuint' ? ' selected="selected"' : '';
?>
>easeInOutQuint</option>
<option value="easeOutInQuint"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutInQuint' ? ' selected="selected"' : '';
?>
>easeOutInQuint</option>
<option value="easeInExpo"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInExpo' ? ' selected="selected"' : '';
?>
>easeInExpo</option>
<option value="easeOutExpo"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutExpo' ? ' selected="selected"' : '';
?>
>easeOutExpo</option>
<option value="easeInOutExpo"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInOutExpo' ? ' selected="selected"' : '';
?>
>easeInOutExpo</option>
<option value="easeOutInExpo"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutInExpo' ? ' selected="selected"' : '';
?>
>easeOutInExpo</option>
<option value="easeInCubic"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInCubic' ? ' selected="selected"' : '';
?>
>easeInCubic</option>
<option value="easeOutCubic"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutCubic' ? ' selected="selected"' : '';
?>
>easeOutCubic</option>
<option value="easeInOutCubic"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInOutCubic' ? ' selected="selected"' : '';
?>
>easeInOutCubic</option>
<option value="easeOutInCubic"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutInCubic' ? ' selected="selected"' : '';
?>
>easeOutInCubic</option>
<option value="easeInQuart"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInQuart' ? ' selected="selected"' : '';
?>
>easeInQuart</option>
<option value="easeOutQuart"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutQuart' ? ' selected="selected"' : '';
?>
>easeOutQuart</option>
<option value="easeInOutQuart"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInOutQuart' ? ' selected="selected"' : '';
?>
>easeInOutQuart</option>
<option value="easeOutInQuart"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutInQuart' ? ' selected="selected"' : '';
?>
>easeOutInQuart</option>
<option value="easeInSine"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInSine' ? ' selected="selected"' : '';
?>
>easeInSine</option>
<option value="easeOutSine"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutSine' ? ' selected="selected"' : '';
?>
>easeOutSine</option>
<option value="easeInOutSine"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInOutSine' ? ' selected="selected"' : '';
?>
>easeInOutSine</option>
<option value="easeOutInSine"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutInSine' ? ' selected="selected"' : '';
?>
>easeOutInSine</option>
<option value="easeInQuad"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInQuad' ? ' selected="selected"' : '';
?>
>easeInQuad</option>
<option value="easeOutQuad"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutQuad' ? ' selected="selected"' : '';
?>
>easeOutQuad</option>
<option value="easeInOutQuad"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInOutQuad' ? ' selected="selected"' : '';
?>
>easeInOutQuad</option>
<option value="easeOutInQuad"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutInQuad' ? ' selected="selected"' : '';
?>
>easeOutInQuad</option>
<option value="linear"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'linear' ? ' selected="selected"' : '';
?>
>linear</option>
</select>
</label>
</div>
<div class="pm2_transition_delay" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_transition_delay_<?php
echo $transition_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Delay:', 'udesign');
?>
</label><br />
<input name="udesign_options[pm2_transition_delay_<?php
echo $transition_row_number;
?>
]" type="text" id="pm2_transition_delay_<?php
echo $transition_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_transition_delay_' . $transition_row_number]);
?>
" size="5" maxlength="4" />
</div>
<div class="pm2_depth_offset" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_depth_offset_<?php
echo $transition_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Depth Offset:', 'udesign');
?>
</label><br />
<input name="udesign_options[pm2_depth_offset_<?php
echo $transition_row_number;
?>
]" type="text" id="pm2_depth_offset_<?php
echo $transition_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_depth_offset_' . $transition_row_number]);
?>
" size="5" maxlength="5" />
</div>
<div class="pm2_cube_distance" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_cube_distance_<?php
echo $transition_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Cube Distance:', 'udesign');
?>
</label><br />
<input name="udesign_options[pm2_cube_distance_<?php
echo $transition_row_number;
?>
]" type="text" id="pm2_cube_distance_<?php
echo $transition_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_cube_distance_' . $transition_row_number]);
?>
" size="5" maxlength="4" />
</div>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
<table id="pm2-transition-clone-table" style="display:none;">
<tbody>
<tr id="999" class="row-style">
<td class="transitionDragHandle showDragHandleCloser" style="width:30px; padding:10px 20px;"> </td>
<td class="deleteTransition" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:10px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:82px">999</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<div class="pm2_transition_pieces" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_transition_pieces_999" style="font-weight:bold;"><?php
esc_html_e('Pieces:', 'udesign');
?>
</label><br />
<input name="udesign_options[pm2_transition_pieces_999]" type="text" id="pm2_transition_pieces_999" value="9" size="5" maxlength="2" />
</div>
<div class="pm2_transition_time" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_transition_time_999" style="font-weight:bold;"><?php
esc_html_e('Time:', 'udesign');
?>
</label><br />
<input name="udesign_options[pm2_transition_time_999]" type="text" id="pm2_transition_time_999" value="1.2" size="5" maxlength="4" />
</div>
<div class="transition-type" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_transition_type_999" style="font-weight:bold;">
<?php
esc_html_e('Transition: ', 'udesign');
?>
<br />
<select name="udesign_options[pm2_transition_type_999]" id="pm2_transition_type_999">
<option value="easeInOutBack" selected="selected">easeInOutBack</option>
<option value="easeOutInBack">easeOutInBack</option>
<option value="easeOutBack">easeOutBack</option>
<option value="easeInBack">easeInBack</option>
<option value="easeInBounce">easeInBounce</option>
<option value="easeOutBounce">easeOutBounce</option>
<option value="easeInOutBounce">easeInOutBounce</option>
<option value="easeOutInBounce">easeOutInBounce</option>
<option value="easeInCirc">easeInCirc</option>
<option value="easeOutCirc">easeOutCirc</option>
<option value="easeInOutCirc">easeInOutCirc</option>
<option value="easeOutInCirc">easeOutInCirc</option>
<option value="easeInElastic">easeInElastic</option>
<option value="easeOutElastic">easeOutElastic</option>
<option value="easeInOutElastic">easeInOutElastic</option>
<option value="easeOutInElastic">easeOutInElastic</option>
<option value="easeInQuint">easeInQuint</option>
<option value="easeOutQuint">easeOutQuint</option>
<option value="easeInOutQuint">easeInOutQuint</option>
<option value="easeOutInQuint">easeOutInQuint</option>
<option value="easeInExpo">easeInExpo</option>
<option value="easeOutExpo">easeOutExpo</option>
<option value="easeInOutExpo">easeInOutExpo</option>
<option value="easeOutInExpo">easeOutInExpo</option>
<option value="easeInCubic">easeInCubic</option>
<option value="easeOutCubic">easeOutCubic</option>
<option value="easeInOutCubic">easeInOutCubic</option>
<option value="easeOutInCubic">easeOutInCubic</option>
<option value="easeInQuart">easeInQuart</option>
<option value="easeOutQuart">easeOutQuart</option>
<option value="easeInOutQuart">easeInOutQuart</option>
<option value="easeOutInQuart">easeOutInQuart</option>
<option value="easeInSine">easeInSine</option>
<option value="easeOutSine">easeOutSine</option>
<option value="easeInOutSine">easeInOutSine</option>
<option value="easeOutInSine">easeOutInSine</option>
<option value="easeInQuad">easeInQuad</option>
<option value="easeOutQuad">easeOutQuad</option>
<option value="easeInOutQuad">easeInOutQuad</option>
<option value="easeOutInQuad">easeOutInQuad</option>
<option value="linear">linear</option>
</select>
</label>
</div>
<div class="pm2_transition_delay" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_transition_delay_999" style="font-weight:bold;"><?php
esc_html_e('Delay:', 'udesign');
?>
</label><br />
<input name="udesign_options[pm2_transition_delay_999]" type="text" id="pm2_transition_delay_999" value="0.1" size="5" maxlength="4" />
</div>
<div class="pm2_depth_offset" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_depth_offset_999" style="font-weight:bold;"><?php
esc_html_e('Depth Offset:', 'udesign');
?>
</label><br />
<input name="udesign_options[pm2_depth_offset_999]" type="text" id="pm2_depth_offset_999" value="300" size="5" maxlength="5" />
</div>
<div class="pm2_cube_distance" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_cube_distance_999" style="font-weight:bold;"><?php
esc_html_e('Cube Distance:', 'udesign');
?>
</label><br />
<input name="udesign_options[pm2_cube_distance_999]" type="text" id="pm2_cube_distance_999" value="30" size="5" maxlength="4" />
</div>
</td>
</tr>
</tbody>
</table>
<div class="clear"></div>
</div>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('No JavaScript image', 'udesign');
?>
</th>
<td>
<?php
esc_html_e('Paste the full path to your image:', 'udesign');
?>
<br />
<textarea style="width: 98%; font-size: 12px;" id="pm2_no_js_img" rows="2" cols="60" name="udesign_options[pm2_no_js_img]"><?php
if ($options['pm2_no_js_img']) {
echo esc_url($options['pm2_no_js_img']);
}
?>
</textarea><br />
<span class="description"><?php
esc_html_e('In the case when JavaScript is disabled the 1st slider image is displayed by default in place of the Piecemaker 2 slider, you may change that in here', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
<?php
} elseif ($current_slider == '4') {
$c1_slides_order_str = $options['c1_slides_order_str'];
$c1_slides_array = explode(',', $options['c1_slides_order_str']);
$c1_speed = $options['c1_speed'];
$c1_timeout = $options['c1_timeout'];
$c1_sync = $options['c1_sync'];
// see the other slides' forms to add an invisible instance of this checkbox to preserver the state
$c1_remove_3d_shadow = $options['c1_remove_3d_shadow'];
?>
<!-- Add invisible fields from the other sliders' forms to preserve their state. (this is only necessary for checkboxes and some text fields) -->
<input style="display:none;" name="udesign_options[gs_remove_3d_shadow]" type="checkbox" id="gs_remove_3d_shadow" value="yes" <?php
checked('yes', $options['gs_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[pm_remove_3d_shadow]" type="checkbox" id="pm_remove_3d_shadow" value="yes" <?php
checked('yes', $options['pm_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c2_sync]" type="checkbox" id="c2_sync" value="yes" <?php
checked('yes', $options['c2_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c2_text_transition_on]" type="checkbox" id="c2_text_transition_on" value="yes" <?php
checked('yes', $options['c2_text_transition_on']);
?>
/>
<input style="display:none;" name="udesign_options[c3_autostop]" type="checkbox" id="c3_autostop" value="yes" <?php
checked('yes', $options['c3_autostop']);
?>
/>
<input name="udesign_options[no_slider_text]" type="hidden" id="no_slider_text" value="<?php
if ($options['no_slider_text']) {
echo esc_attr($options['no_slider_text']);
}
?>
" />
<input name="udesign_options[rev_slider_shortcode]" type="hidden" id="rev_slider_shortcode" value="<?php
if ($options['rev_slider_shortcode']) {
echo esc_attr($options['rev_slider_shortcode']);
}
?>
" />
<h2 style="color:#2680AA; margin-top: 2px; padding:20px 10px 0;"><?php
esc_html_e('Cycle 1 Slider Settings:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="c1_speed"><?php
esc_html_e('Transition Speed', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[c1_speed]" type="text" id="c1_speed" value="<?php
echo esc_attr($c1_speed);
?>
" size="5" maxlength="6" />
<span><?php
esc_html_e('Speed of the transition.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="c1_timeout"><?php
esc_html_e('Timeout', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[c1_timeout]" type="text" id="c1_timeout" value="<?php
echo esc_attr($c1_timeout);
?>
" size="5" maxlength="6" />
<span><?php
esc_html_e('Milliseconds between slide transitions (0 to disable auto advance).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Sync', 'udesign');
?>
</th>
<td>
<fieldset><legend class="screen-reader-text"><span><?php
esc_html_e('Sync', 'udesign');
?>
</span></legend>
<label for="c1_sync">
<input name="udesign_options[c1_sync]" type="checkbox" id="c1_sync" value="yes" <?php
checked('yes', $c1_sync);
?>
/>
<?php
esc_html_e('Toggle this option to see how some effects behave differently (such as blind, curtain, and zoom).', 'udesign');
?>
</label>
</fieldset>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Image Frame', 'udesign');
?>
</th>
<td>
<fieldset><legend class="screen-reader-text"><span><?php
esc_html_e('Image Frame', 'udesign');
?>
</span></legend>
<label for="c1_remove_image_frame">
<input name="udesign_options[c1_remove_image_frame]" type="checkbox" id="c1_remove_image_frame" value="yes" <?php
checked('yes', $options['c1_remove_image_frame']);
?>
/>
<?php
esc_html_e('Remove the image frame with the border around the image?', 'udesign');
?>
<br />
<span class="description"><?php
esc_html_e('With the frame enabled (default state) image dimension is 914px by 374px (width by height). Without the frame image dimension is 940px by 400px. Depending on which option is selected, create and upload images with the corresponding dimensions for optimal quality.', 'udesign');
?>
</span>
</label>
</fieldset>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('3D Shadow', 'udesign');
?>
</th>
<td>
<fieldset><legend class="screen-reader-text"><span><?php
esc_html_e('3D Shadow', 'udesign');
?>
</span></legend>
<label for="c1_remove_3d_shadow">
<input name="udesign_options[c1_remove_3d_shadow]" type="checkbox" id="c1_remove_3d_shadow" value="yes" <?php
checked('yes', $c1_remove_3d_shadow);
?>
/>
<?php
esc_html_e('Remove the 3D shadow under the slider', 'udesign');
?>
</label>
</fieldset>
</td>
</tr>
</tbody>
</table>
<?php
display_save_changes_button();
?>
<input name="udesign_options[c1_slides_order_str]" type="hidden" id="c1_slides_order_str" value="<?php
if ($c1_slides_order_str) {
echo esc_attr($c1_slides_order_str);
}
?>
" />
<div class="add-row" style></div>
<table id="c1-table-slides" class="c1-table-slides">
<tbody>
<?php
foreach ($c1_slides_array as $position => $slide_row_number) {
?>
<tr id="<?php
echo $slide_row_number;
?>
" class="row-style">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px"><?php
echo $position + 1;
?>
</td>
<td style="padding:0 10px 10px 20px; width:100%" valign="top">
<div class="c1_slide_upload_section" style="padding:10px 0; float:left;">
<label style="float:left; margin:1px; font-weight:bold;" for="c1_slide_img_url_<?php
echo $slide_row_number;
?>
"><?php
esc_html_e('Enter a URL or upload an image:', 'udesign');
?>
</label><br />
<input class="c1_slide_img_url_field" name="udesign_options[c1_slide_img_url_<?php
echo $slide_row_number;
?>
]" type="text" id="c1_slide_img_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['c1_slide_img_url_' . $slide_row_number]) {
echo esc_url($options['c1_slide_img_url_' . $slide_row_number]);
}
?>
" size="65" />
<input id="c1_slide_upload_button_<?php
echo $slide_row_number;
?>
" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary c1_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="clear"></div>
<div class="transition-type" style="padding:7px 5px 0 0; float:left;">
<select name="udesign_options[c1_transition_type_<?php
echo $slide_row_number;
?>
]" id="c1_transition_type_<?php
echo $slide_row_number;
?>
">
<option value="fade"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'fade' ? ' selected="selected"' : '';
?>
>fade</option>
<option value="curtainX"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'curtainX' ? ' selected="selected"' : '';
?>
>curtainX</option>
<option value="curtainY"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'curtainY' ? ' selected="selected"' : '';
?>
>curtainY</option>
<option value="turnUp"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'turnUp' ? ' selected="selected"' : '';
?>
>turnUp</option>
<option value="turnDown"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'turnDown' ? ' selected="selected"' : '';
?>
>turnDown</option>
<option value="wipe"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'wipe' ? ' selected="selected"' : '';
?>
>wipe</option>
<option value="scrollHorz"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'scrollHorz' ? ' selected="selected"' : '';
?>
>scrollHorz</option>
<option value="scrollVert"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'scrollVert' ? ' selected="selected"' : '';
?>
>scrollVert</option>
<option value="growX"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'growX' ? ' selected="selected"' : '';
?>
>growX</option>
<option value="growY"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'growY' ? ' selected="selected"' : '';
?>
>growY</option>
<option value="scrollUp"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'scrollUp' ? ' selected="selected"' : '';
?>
>scrollUp</option>
<option value="scrollDown"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'scrollDown' ? ' selected="selected"' : '';
?>
>scrollDown</option>
<option value="shuffle"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'shuffle' ? ' selected="selected"' : '';
?>
>shuffle</option>
<option value="blindX"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'blindX' ? ' selected="selected"' : '';
?>
>blindX</option>
<option value="blindY"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'blindY' ? ' selected="selected"' : '';
?>
>blindY</option>
<option value="blindZ"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'blindZ' ? ' selected="selected"' : '';
?>
>blindZ</option>
<option value="cover"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'cover' ? ' selected="selected"' : '';
?>
>cover</option>
<option value="fadeZoom"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'fadeZoom' ? ' selected="selected"' : '';
?>
>fadeZoom</option>
<option value="scrollLeft"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'scrollLeft' ? ' selected="selected"' : '';
?>
>scrollLeft</option>
<option value="scrollRight"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'scrollRight' ? ' selected="selected"' : '';
?>
>scrollRight</option>
<option value="slideX"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'slideX' ? ' selected="selected"' : '';
?>
>slideX</option>
<option value="slideY"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'slideY' ? ' selected="selected"' : '';
?>
>slideY</option>
<option value="toss"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'toss' ? ' selected="selected"' : '';
?>
>toss</option>
<option value="turnLeft"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'turnLeft' ? ' selected="selected"' : '';
?>
>turnLeft</option>
<option value="turnRight"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'turnRight' ? ' selected="selected"' : '';
?>
>turnRight</option>
<option value="uncover"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'uncover' ? ' selected="selected"' : '';
?>
>uncover</option>
<option value="zoom"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'zoom' ? ' selected="selected"' : '';
?>
>zoom</option>
<option value="none"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'none' ? ' selected="selected"' : '';
?>
>none</option>
</select>
<span><?php
esc_html_e('Transition effect.', 'udesign');
?>
</span>
</div>
<div id="c1_slide_link_url_<?php
echo $slide_row_number;
?>
" class="slide-link" style="padding:20px 5px 0; clear:both;">
<label for="c1_slide_link_url_<?php
echo $slide_row_number;
?>
"><?php
esc_html_e('Link:', 'udesign');
?>
</label>
<input name="udesign_options[c1_slide_link_url_<?php
echo $slide_row_number;
?>
]" type="text" id="c1_slide_link_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['c1_slide_link_url_' . $slide_row_number]) {
echo esc_url($options['c1_slide_link_url_' . $slide_row_number]);
}
?>
" size="30" />
<label for="c1_slide_link_target_<?php
echo $slide_row_number;
?>
">
<?php
esc_html_e('Target: ', 'udesign');
?>
<select name="udesign_options[c1_slide_link_target_<?php
echo $slide_row_number;
?>
]" id="c1_slide_link_target_<?php
echo $slide_row_number;
?>
">
<option value="self"<?php
echo $options['c1_slide_link_target_' . $slide_row_number] == 'self' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('self', 'udesign');
?>
</option>
<option value="blank"<?php
echo $options['c1_slide_link_target_' . $slide_row_number] == 'blank' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('blank', 'udesign');
?>
</option>
</select>
</label>
<div style="display:inline-block;">
<label for="c1_slide_image_alt_tag_<?php
echo $slide_row_number;
?>
" class="slide-alt-tag" style="margin-left:10px;"><?php
esc_html_e('Alt Tag:', 'udesign');
?>
</label>
<input name="udesign_options[c1_slide_image_alt_tag_<?php
echo $slide_row_number;
?>
]" type="text" id="c1_slide_image_alt_tag_<?php
echo $slide_row_number;
?>
" value="<?php
echo esc_attr($options['c1_slide_image_alt_tag_' . $slide_row_number]);
?>
" size="20" />
</div>
<div><span style="line-height: 1.5; font-size: 10px;" class="description" style="margin:5px 0;float:left;"><?php
esc_html_e('(To clear a text field above, replace it with a single space)', 'udesign');
?>
</span></div>
</div>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
<table id="c1-clone-table" style="display:none;">
<tbody>
<tr id="999" class="row-style">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px">999</td>
<td style="padding:0 10px 10px 20px; width:100%" valign="top">
<div class="c1_slide_upload_section" style="padding:10px 0; float:left;">
<label style="float:left; margin:1px; font-weight:bold;" for="c1_slide_img_url_999"><?php
esc_html_e('Enter a URL or upload an image:', 'udesign');
?>
</label><br />
<input class="c1_slide_img_url_field" name="udesign_options[c1_slide_img_url_999]" type="text" id="c1_slide_img_url_999" value="" size="65" />
<input id="c1_slide_upload_button_999" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary c1_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="clear"></div>
<div class="transition-type" style="padding:7px 5px 0 0; float:left;">
<select name="udesign_options[c1_transition_type_999]" id="c1_transition_type_999">
<option value="fade" selected="selected">fade</option>
<option value="curtainX">curtainX</option>
<option value="curtainY">curtainY</option>
<option value="turnUp">turnUp</option>
<option value="turnDown">turnDown</option>
<option value="wipe">wipe</option>
<option value="scrollHorz">scrollHorz</option>
<option value="scrollVert">scrollVert</option>
<option value="growX">growX</option>
<option value="growY">growY</option>
<option value="scrollUp">scrollUp</option>
<option value="scrollDown">scrollDown</option>
<option value="shuffle">shuffle</option>
<option value="blindX">blindX</option>
<option value="blindY">blindY</option>
<option value="blindZ">blindZ</option>
<option value="cover">cover</option>
<option value="fadeZoom">fadeZoom</option>
<option value="scrollLeft">scrollLeft</option>
<option value="scrollRight">scrollRight</option>
<option value="slideX">slideX</option>
<option value="slideY">slideY</option>
<option value="toss">toss</option>
<option value="turnLeft">turnLeft</option>
<option value="turnRight">turnRight</option>
<option value="uncover">uncover</option>
<option value="zoom">zoom</option>
<option value="none">none</option>
</select>
<span><?php
esc_html_e('Transition effect.', 'udesign');
?>
</span>
</div>
<div id="c1_slide_link_url_999" class="slide-link" style="padding:20px 5px 0; clear:both;">
<label for="c1_slide_link_url_999" class="link-url"><?php
esc_html_e('Link:', 'udesign');
?>
</label>
<input name="udesign_options[c1_slide_link_url_999]" type="text" id="c1_slide_link_url_999" value="" size="30" />
<label for="c1_slide_link_target_999" class="link-target">
<?php
esc_html_e('Target: ', 'udesign');
?>
<select name="udesign_options[c1_slide_link_target_999]" id="c1_slide_link_target_999">
<option value="self" selected="selected"><?php
esc_attr_e('self', 'udesign');
?>
</option>
<option value="blank"><?php
esc_attr_e('blank', 'udesign');
?>
</option>
</select>
</label>
<div style="display:inline-block;">
<label for="c1_slide_image_alt_tag_999" class="slide-alt-tag" style="margin-left:10px;"><?php
esc_html_e('Alt Tag:', 'udesign');
?>
</label>
<input name="udesign_options[c1_slide_image_alt_tag_999]" type="text" id="c1_slide_image_alt_tag_999" value="" size="20" />
</div>
<div><span style="line-height: 1.5; font-size: 10px;" class="description" style="margin:5px 0;float:left;"><?php
esc_html_e('(To clear a text field above, replace it with a single space)', 'udesign');
?>
</span></div>
</div>
</td>
</tr>
</tbody>
</table>
<?php
} elseif ($current_slider == '5') {
$c2_slides_order_str = $options['c2_slides_order_str'];
$c2_slides_array = explode(',', $options['c2_slides_order_str']);
$c2_speed = $options['c2_speed'];
$c2_timeout = $options['c2_timeout'];
$c2_sync = $options['c2_sync'];
// see the other slides' forms to add an invisible instance of this checkbox to preserver the state
$c2_text_color = $options['c2_text_color'];
?>
<!-- Add invisible fields from the other sliders' forms to preserve their state. (this is only necessary for checkboxes and some text fields) -->
<input style="display:none;" name="udesign_options[gs_remove_3d_shadow]" type="checkbox" id="gs_remove_3d_shadow" value="yes" <?php
checked('yes', $options['gs_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[pm_remove_3d_shadow]" type="checkbox" id="pm_remove_3d_shadow" value="yes" <?php
checked('yes', $options['pm_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c1_sync]" type="checkbox" id="c1_sync" value="yes" <?php
checked('yes', $options['c1_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_image_frame]" type="checkbox" id="c1_remove_image_frame" value="yes" <?php
checked('yes', $options['c1_remove_image_frame']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_3d_shadow]" type="checkbox" id="c1_remove_3d_shadow" value="yes" <?php
checked('yes', $options['c1_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c3_autostop]" type="checkbox" id="c3_autostop" value="yes" <?php
checked('yes', $options['c3_autostop']);
?>
/>
<input name="udesign_options[no_slider_text]" type="hidden" id="no_slider_text" value="<?php
if ($options['no_slider_text']) {
echo esc_attr($options['no_slider_text']);
}
?>
" />
<input name="udesign_options[rev_slider_shortcode]" type="hidden" id="rev_slider_shortcode" value="<?php
if ($options['rev_slider_shortcode']) {
echo esc_attr($options['rev_slider_shortcode']);
}
?>
" />
<h2 style="color:#2680AA; margin-top: 2px; padding:20px 10px 0;"><?php
esc_html_e('Cycle 2 Slider Settings:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="c2_speed"><?php
esc_html_e('Transition Speed', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[c2_speed]" type="text" id="c2_speed" value="<?php
echo esc_attr($c2_speed);
?>
" size="5" maxlength="6" />
<span><?php
esc_html_e('Speed of the transition.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="c2_timeout"><?php
esc_html_e('Timeout', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[c2_timeout]" type="text" id="c2_timeout" value="<?php
echo esc_attr($c2_timeout);
?>
" size="5" maxlength="6" />
<span><?php
esc_html_e('Milliseconds between slide transitions (0 to disable auto advance).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Sync', 'udesign');
?>
</th>
<td>
<fieldset><legend class="screen-reader-text"><span><?php
esc_html_e('Sync', 'udesign');
?>
</span></legend>
<label for="c2_sync">
<input name="udesign_options[c2_sync]" type="checkbox" id="c2_sync" value="yes" <?php
checked('yes', $c2_sync);
?>
/>
<?php
esc_html_e('Toggle this option to see how some effects behave differently (such as blind, curtain, and zoom).', 'udesign');
?>
</label>
</fieldset>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Enable Transition on Text', 'udesign');
?>
</th>
<td>
<fieldset><legend class="screen-reader-text"><span><?php
esc_html_e('Enable Transition on Text', 'udesign');
?>
</span></legend>
<label for="c2_text_transition_on">
<input name="udesign_options[c2_text_transition_on]" type="checkbox" id="c2_text_transition_on" value="yes" <?php
checked('yes', $options['c2_text_transition_on']);
?>
/>
<?php
esc_html_e('Toggle this option to enable/disable the transition effect on the info text. If disabled (unchecked) then the text will disapear for the duration of the transition.', 'udesign');
?>
</label>
</fieldset>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Text Size', 'udesign');
?>
</th>
<td>
<label for="c2_slider_text_size">
<?php
esc_html_e('Font Size: ', 'udesign');
?>
<select name="udesign_options[c2_slider_text_size]" id="c2_slider_text_size">
<option value="1.0"<?php
echo $options['c2_slider_text_size'] == '1.0' ? ' selected="selected"' : '';
?>
>1.0em</option>
<option value="1.1"<?php
echo $options['c2_slider_text_size'] == '1.1' ? ' selected="selected"' : '';
?>
>1.1em</option>
<option value="1.2"<?php
echo $options['c2_slider_text_size'] == '1.2' ? ' selected="selected"' : '';
?>
style="padding-right:7px;">1.2em (Default)</option>
<option value="1.3"<?php
echo $options['c2_slider_text_size'] == '1.3' ? ' selected="selected"' : '';
?>
>1.3em</option>
<option value="1.4"<?php
echo $options['c2_slider_text_size'] == '1.4' ? ' selected="selected"' : '';
?>
>1.4em</option>
<option value="1.5"<?php
echo $options['c2_slider_text_size'] == '1.5' ? ' selected="selected"' : '';
?>
>1.5em</option>
<option value="1.6"<?php
echo $options['c2_slider_text_size'] == '1.6' ? ' selected="selected"' : '';
?>
>1.6em</option>
<option value="1.7"<?php
echo $options['c2_slider_text_size'] == '1.7' ? ' selected="selected"' : '';
?>
>1.7em</option>
<option value="1.8"<?php
echo $options['c2_slider_text_size'] == '1.8' ? ' selected="selected"' : '';
?>
>1.8em</option>
<option value="1.9"<?php
echo $options['c2_slider_text_size'] == '1.9' ? ' selected="selected"' : '';
?>
>1.9em</option>
<option value="2.0"<?php
echo $options['c2_slider_text_size'] == '2.0' ? ' selected="selected"' : '';
?>
>2.0em</option>
</select>
</label>
<br />
<?php
esc_html_e('When using "em" you are specifying size relative to the general font size.', 'udesign');
?>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Text Line Height', 'udesign');
?>
</th>
<td>
<label for="c2_slider_text_line_height">
<?php
esc_html_e('Line Height: ', 'udesign');
?>
<select name="udesign_options[c2_slider_text_line_height]" id="c2_slider_text_line_height">
<option value="0.5"<?php
echo $options['c2_slider_text_line_height'] == '0.5' ? ' selected="selected"' : '';
?>
>0.5</option>
<option value="0.6"<?php
echo $options['c2_slider_text_line_height'] == '0.6' ? ' selected="selected"' : '';
?>
>0.6</option>
<option value="0.7"<?php
echo $options['c2_slider_text_line_height'] == '0.7' ? ' selected="selected"' : '';
?>
>0.7</option>
<option value="0.8"<?php
echo $options['c2_slider_text_line_height'] == '0.8' ? ' selected="selected"' : '';
?>
>0.8</option>
<option value="0.9"<?php
echo $options['c2_slider_text_line_height'] == '0.9' ? ' selected="selected"' : '';
?>
>0.9</option>
<option value="1.0"<?php
echo $options['c2_slider_text_line_height'] == '1.0' ? ' selected="selected"' : '';
?>
>1.0</option>
<option value="1.1"<?php
echo $options['c2_slider_text_line_height'] == '1.1' ? ' selected="selected"' : '';
?>
>1.1</option>
<option value="1.2"<?php
echo $options['c2_slider_text_line_height'] == '1.2' ? ' selected="selected"' : '';
?>
>1.2</option>
<option value="1.3"<?php
echo $options['c2_slider_text_line_height'] == '1.3' ? ' selected="selected"' : '';
?>
>1.3</option>
<option value="1.4"<?php
echo $options['c2_slider_text_line_height'] == '1.4' ? ' selected="selected"' : '';
?>
>1.4</option>
<option value="1.5"<?php
echo $options['c2_slider_text_line_height'] == '1.5' ? ' selected="selected"' : '';
?>
>1.5</option>
<option value="1.6"<?php
echo $options['c2_slider_text_line_height'] == '1.6' ? ' selected="selected"' : '';
?>
>1.6</option>
<option value="1.7"<?php
echo $options['c2_slider_text_line_height'] == '1.7' ? ' selected="selected"' : '';
?>
style="padding-right:7px;">1.7 (Default)</option>
<option value="1.8"<?php
echo $options['c2_slider_text_line_height'] == '1.8' ? ' selected="selected"' : '';
?>
>1.8</option>
<option value="1.9"<?php
echo $options['c2_slider_text_line_height'] == '1.9' ? ' selected="selected"' : '';
?>
>1.9</option>
<option value="2.0"<?php
echo $options['c2_slider_text_line_height'] == '2.0' ? ' selected="selected"' : '';
?>
>2.0</option>
<option value="2.1"<?php
echo $options['c2_slider_text_line_height'] == '2.1' ? ' selected="selected"' : '';
?>
>2.1</option>
<option value="2.2"<?php
echo $options['c2_slider_text_line_height'] == '2.2' ? ' selected="selected"' : '';
?>
>2.2</option>
<option value="2.3"<?php
echo $options['c2_slider_text_line_height'] == '2.3' ? ' selected="selected"' : '';
?>
>2.3</option>
<option value="2.4"<?php
echo $options['c2_slider_text_line_height'] == '2.4' ? ' selected="selected"' : '';
?>
>2.4</option>
<option value="2.5"<?php
echo $options['c2_slider_text_line_height'] == '2.5' ? ' selected="selected"' : '';
?>
>2.5</option>
<option value="2.6"<?php
echo $options['c2_slider_text_line_height'] == '2.6' ? ' selected="selected"' : '';
?>
>2.6</option>
</select>
</label>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Text Color', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="c2-colorSelector1">
<div style="background-color: #<?php
echo $c2_text_color ? esc_attr($c2_text_color) : '333333';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[c2_text_color]" id="c2_text_color" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $c2_text_color ? esc_attr($c2_text_color) : '333333';
?>
" />
<?php
esc_html_e('Slider text color including the Title.', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
<?php
display_save_changes_button();
?>
<input name="udesign_options[c2_slides_order_str]" type="hidden" id="c2_slides_order_str" value="<?php
if ($c2_slides_order_str) {
echo esc_attr($c2_slides_order_str);
}
?>
" />
<div class="add-row" style></div>
<table id="c2-table-slides" class="c2-table-slides">
<tbody>
<?php
foreach ($c2_slides_array as $position => $slide_row_number) {
?>
<tr id="<?php
echo $slide_row_number;
?>
" class="row-style">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px"><?php
echo $position + 1;
?>
</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<div class="c2_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label style="font-weight:bold;" for="c2_slide_img_url_<?php
echo $slide_row_number;
?>
"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="c2_slide_img_url_field" name="udesign_options[c2_slide_img_url_<?php
echo $slide_row_number;
?>
]" type="text" id="c2_slide_img_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['c2_slide_img_url_' . $slide_row_number]) {
echo esc_url($options['c2_slide_img_url_' . $slide_row_number]);
}
?>
" size="65" />
<input id="c2_slide_upload_button_<?php
echo $slide_row_number;
?>
" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary c2_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="transition-type" style="padding:10px 5px 0 0; clear:both;">
<strong><?php
esc_html_e('Transition:', 'udesign');
?>
</strong>
<select name="udesign_options[c2_transition_type_<?php
echo $slide_row_number;
?>
]" id="c2_transition_type_<?php
echo $slide_row_number;
?>
">
<option value="fade"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'fade' ? ' selected="selected"' : '';
?>
>fade</option>
<option value="curtainX"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'curtainX' ? ' selected="selected"' : '';
?>
>curtainX</option>
<option value="curtainY"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'curtainY' ? ' selected="selected"' : '';
?>
>curtainY</option>
<option value="turnUp"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'turnUp' ? ' selected="selected"' : '';
?>
>turnUp</option>
<option value="turnDown"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'turnDown' ? ' selected="selected"' : '';
?>
>turnDown</option>
<option value="wipe"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'wipe' ? ' selected="selected"' : '';
?>
>wipe</option>
<option value="scrollHorz"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'scrollHorz' ? ' selected="selected"' : '';
?>
>scrollHorz</option>
<option value="scrollVert"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'scrollVert' ? ' selected="selected"' : '';
?>
>scrollVert</option>
<option value="growX"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'growX' ? ' selected="selected"' : '';
?>
>growX</option>
<option value="growY"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'growY' ? ' selected="selected"' : '';
?>
>growY</option>
<option value="scrollUp"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'scrollUp' ? ' selected="selected"' : '';
?>
>scrollUp</option>
<option value="scrollDown"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'scrollDown' ? ' selected="selected"' : '';
?>
>scrollDown</option>
<option value="shuffle"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'shuffle' ? ' selected="selected"' : '';
?>
>shuffle</option>
<option value="blindX"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'blindX' ? ' selected="selected"' : '';
?>
>blindX</option>
<option value="blindY"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'blindY' ? ' selected="selected"' : '';
?>
>blindY</option>
<option value="blindZ"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'blindZ' ? ' selected="selected"' : '';
?>
>blindZ</option>
<option value="cover"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'cover' ? ' selected="selected"' : '';
?>
>cover</option>
<option value="fadeZoom"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'fadeZoom' ? ' selected="selected"' : '';
?>
>fadeZoom</option>
<option value="scrollLeft"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'scrollLeft' ? ' selected="selected"' : '';
?>
>scrollLeft</option>
<option value="scrollRight"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'scrollRight' ? ' selected="selected"' : '';
?>
>scrollRight</option>
<option value="slideX"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'slideX' ? ' selected="selected"' : '';
?>
>slideX</option>
<option value="slideY"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'slideY' ? ' selected="selected"' : '';
?>
>slideY</option>
<option value="toss"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'toss' ? ' selected="selected"' : '';
?>
>toss</option>
<option value="turnLeft"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'turnLeft' ? ' selected="selected"' : '';
?>
>turnLeft</option>
<option value="turnRight"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'turnRight' ? ' selected="selected"' : '';
?>
>turnRight</option>
<option value="uncover"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'uncover' ? ' selected="selected"' : '';
?>
>uncover</option>
<option value="zoom"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'zoom' ? ' selected="selected"' : '';
?>
>zoom</option>
<option value="none"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'none' ? ' selected="selected"' : '';
?>
>none</option>
</select>
</div>
<div id="c2_slide_link_url_<?php
echo $slide_row_number;
?>
" class="slide-link" style="padding:10px 5px 0 0; clear:both;">
<label for="c2_slide_link_url_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Link:', 'udesign');
?>
</label>
<input name="udesign_options[c2_slide_link_url_<?php
echo $slide_row_number;
?>
]" type="text" id="c2_slide_link_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['c2_slide_link_url_' . $slide_row_number]) {
echo esc_url($options['c2_slide_link_url_' . $slide_row_number]);
}
?>
" size="30" />
<label for="c2_slide_link_target_<?php
echo $slide_row_number;
?>
">
<?php
esc_html_e('Target: ', 'udesign');
?>
<select name="udesign_options[c2_slide_link_target_<?php
echo $slide_row_number;
?>
]" id="c2_slide_link_target_<?php
echo $slide_row_number;
?>
">
<option value="self"<?php
echo $options['c2_slide_link_target_' . $slide_row_number] == 'self' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('self', 'udesign');
?>
</option>
<option value="blank"<?php
echo $options['c2_slide_link_target_' . $slide_row_number] == 'blank' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('blank', 'udesign');
?>
</option>
</select>
</label>
<div style="display:inline-block;">
<label for="c2_slide_image_alt_tag_<?php
echo $slide_row_number;
?>
" class="slide-alt-tag" style="margin-left:10px;"><?php
esc_html_e('Alt Tag:', 'udesign');
?>
</label>
<input name="udesign_options[c2_slide_image_alt_tag_<?php
echo $slide_row_number;
?>
]" type="text" id="c2_slide_image_alt_tag_<?php
echo $slide_row_number;
?>
" value="<?php
echo esc_attr($options['c2_slide_image_alt_tag_' . $slide_row_number]);
?>
" size="20" />
</div>
</div>
<div class="slide-info-text" style="padding:10px 5px 0 0; width:60%; float:left; display:inline;">
<strong><?php
esc_html_e('Slide text', 'udesign');
?>
</strong> <span class="description" style="margin:20px 0;"><?php
esc_html_e('(You could use text and/or html)', 'udesign');
?>
</span>:<br />
<textarea name="udesign_options[c2_slide_default_info_txt_<?php
echo $slide_row_number;
?>
]" class="code"
style="width:97%; font-size:12px; margin: 5px 0;" id="c2_slide_default_info_txt_<?php
echo $slide_row_number;
?>
"
rows="4" cols="60"><?php
echo $options['c2_slide_default_info_txt_' . $slide_row_number] ? esc_attr($options['c2_slide_default_info_txt_' . $slide_row_number]) : '';
?>
</textarea>
</div>
<div class="slide-button" style="padding-top:10px; float:left; display:inline; width:35%">
<label for="c2_slide_button_txt_<?php
echo $slide_row_number;
?>
" class="slide-button-text" style="font-weight:bold;"><?php
esc_html_e('Button Text:', 'udesign');
?>
</label><br />
<input name="udesign_options[c2_slide_button_txt_<?php
echo $slide_row_number;
?>
]" type="text" id="c2_slide_button_txt_<?php
echo $slide_row_number;
?>
" value="<?php
echo esc_attr($options['c2_slide_button_txt_' . $slide_row_number]);
?>
" size="20" /><br />
<label for="c2_slide_button_style_<?php
echo $slide_row_number;
?>
" class="slide-button-style" style="margin-top:5px;font-weight:bold; float:left;"><?php
esc_html_e('Button Style: ', 'udesign');
?>
<select name="udesign_options[c2_slide_button_style_<?php
echo $slide_row_number;
?>
]" id="c2_slide_button_style_<?php
echo $slide_row_number;
?>
">
<option value="dark"<?php
echo $options['c2_slide_button_style_' . $slide_row_number] == 'dark' ? ' selected="selected"' : '';
?>
style="padding-right:10px;"><?php
esc_attr_e('Dark', 'udesign');
?>
</option>
<option value="light"<?php
echo $options['c2_slide_button_style_' . $slide_row_number] == 'light' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('Light', 'udesign');
?>
</option>
</select>
</label><br />
<span class="description" style="float:left;padding:5px; display:block; line-height:17px;"><?php
_e('The button is activated only if a <strong>Link</strong> is provided. To remove the button just replace the link with a single space.', 'udesign');
?>
</span>
</div>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
<table id="c2-clone-table" style="display:none;">
<tbody>
<tr id="999" class="row-style">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px">999</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<div class="c2_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label style="font-weight:bold;" for="c2_slide_img_url_999"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="c2_slide_img_url_field" name="udesign_options[c2_slide_img_url_999]" type="text" id="c2_slide_img_url_999" value="" size="65" />
<input id="c2_slide_upload_button_999" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary c2_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="transition-type" style="padding:10px 5px 0 0; clear:both;">
<strong><?php
esc_html_e('Transition:', 'udesign');
?>
</strong>
<select name="udesign_options[c2_transition_type_999]" id="c2_transition_type_999">
<option value="fade" selected="selected">fade</option>
<option value="curtainX">curtainX</option>
<option value="curtainY">curtainY</option>
<option value="turnUp">turnUp</option>
<option value="turnDown">turnDown</option>
<option value="wipe">wipe</option>
<option value="scrollHorz">scrollHorz</option>
<option value="scrollVert">scrollVert</option>
<option value="growX">growX</option>
<option value="growY">growY</option>
<option value="scrollUp">scrollUp</option>
<option value="scrollDown">scrollDown</option>
<option value="shuffle">shuffle</option>
<option value="blindX">blindX</option>
<option value="blindY">blindY</option>
<option value="blindZ">blindZ</option>
<option value="cover">cover</option>
<option value="fadeZoom">fadeZoom</option>
<option value="scrollLeft">scrollLeft</option>
<option value="scrollRight">scrollRight</option>
<option value="slideX">slideX</option>
<option value="slideY">slideY</option>
<option value="toss">toss</option>
<option value="turnLeft">turnLeft</option>
<option value="turnRight">turnRight</option>
<option value="uncover">uncover</option>
<option value="zoom">zoom</option>
<option value="none">none</option>
</select>
</div>
<div id="c2_slide_link_url_999" class="slide-link" style="padding:10px 5px 0 0; clear:both;">
<label for="c2_slide_link_url_999" class="link-url" style="font-weight:bold;"><?php
esc_html_e('Link:', 'udesign');
?>
</label>
<input name="udesign_options[c2_slide_link_url_999]" type="text" id="c2_slide_link_url_999" value="" size="30" />
<label for="c2_slide_link_target_999" class="link-target">
<?php
esc_html_e('Target: ', 'udesign');
?>
<select name="udesign_options[c2_slide_link_target_999]" id="c2_slide_link_target_999">
<option value="self" selected="selected"><?php
esc_attr_e('self', 'udesign');
?>
</option>
<option value="blank"><?php
esc_attr_e('blank', 'udesign');
?>
</option>
</select>
</label>
<div style="display:inline-block;">
<label for="c2_slide_image_alt_tag_999" class="slide-alt-tag" style="margin-left:10px;"><?php
esc_html_e('Alt Tag:', 'udesign');
?>
</label>
<input name="udesign_options[c2_slide_image_alt_tag_999]" type="text" id="c2_slide_image_alt_tag_999" value="" size="20" />
</div>
</div>
<div class="slide-info-text" style="padding:10px 5px 0 0; width:60%; float:left; display:inline;">
<strong><?php
esc_html_e('Slide text', 'udesign');
?>
</strong> <span class="description" style="margin:20px 0;"><?php
esc_html_e('(You could use text and/or html)', 'udesign');
?>
</span>:<br />
<textarea name="udesign_options[c2_slide_default_info_txt_999]" class="code"
style="width:97%; font-size:12px; margin: 5px 0;" id="c2_slide_default_info_txt_999"
rows="4" cols="60"><?php
echo get_c2_slide_default_info_txt();
?>
</textarea>
</div>
<div class="slide-button" style="padding-top:10px; float:left; display:inline; width:35%">
<label for="c2_slide_button_txt_999" class="slide-button-text" style="font-weight:bold;"><?php
esc_html_e('Button Text:', 'udesign');
?>
</label><br />
<input name="udesign_options[c2_slide_button_txt_999]" type="text" id="c2_slide_button_txt_999" value="<?php
echo esc_attr($options['c2_slide_button_txt_1']);
?>
" size="20" /><br />
<label for="c2_slide_button_style_999" class="slide-button-style" style="margin-top:5px;font-weight:bold; float:left;"><?php
esc_html_e('Button Style: ', 'udesign');
?>
<select name="udesign_options[c2_slide_button_style_999]" id="c2_slide_button_style_999">
<option value="dark" selected="selected" style="padding-right:10px;"><?php
esc_attr_e('Dark', 'udesign');
?>
</option>
<option value="light"><?php
esc_attr_e('Light', 'udesign');
?>
</option>
</select>
</label><br />
<span class="description" style="float:left; padding:5px; display:block; line-height:17px;"><?php
_e('The button is activated only if a <strong>Link</strong> is provided. To remove the button just replace the link with a single space.', 'udesign');
?>
</span>
</div>
</td>
</tr>
</tbody>
</table>
<?php
} elseif ($current_slider == '6') {
$c3_slides_order_str = $options['c3_slides_order_str'];
$c3_slides_array = explode(',', $options['c3_slides_order_str']);
$c3_timeout = $options['c3_timeout'];
$c3_text_color = $options['c3_text_color'];
?>
<!-- Add invisible fields from the other sliders' forms to preserve their state. (this is only necessary for checkboxes and some text fields) -->
<input style="display:none;" name="udesign_options[gs_remove_3d_shadow]" type="checkbox" id="gs_remove_3d_shadow" value="yes" <?php
checked('yes', $options['gs_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[pm_remove_3d_shadow]" type="checkbox" id="pm_remove_3d_shadow" value="yes" <?php
checked('yes', $options['pm_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c1_sync]" type="checkbox" id="c1_sync" value="yes" <?php
checked('yes', $options['c1_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_image_frame]" type="checkbox" id="c1_remove_image_frame" value="yes" <?php
checked('yes', $options['c1_remove_image_frame']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_3d_shadow]" type="checkbox" id="c1_remove_3d_shadow" value="yes" <?php
checked('yes', $options['c1_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c2_sync]" type="checkbox" id="c2_sync" value="yes" <?php
checked('yes', $options['c2_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c2_text_transition_on]" type="checkbox" id="c2_text_transition_on" value="yes" <?php
checked('yes', $options['c2_text_transition_on']);
?>
/>
<input name="udesign_options[no_slider_text]" type="hidden" id="no_slider_text" value="<?php
if ($options['no_slider_text']) {
echo esc_attr($options['no_slider_text']);
}
?>
" />
<input name="udesign_options[rev_slider_shortcode]" type="hidden" id="rev_slider_shortcode" value="<?php
if ($options['rev_slider_shortcode']) {
echo esc_attr($options['rev_slider_shortcode']);
}
?>
" />
<h2 style="color:#2680AA; margin-top: 2px; padding:20px 10px 0;"><?php
esc_html_e('Cycle 3 Slider Settings:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="c3_timeout"><?php
esc_html_e('Timeout', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[c3_timeout]" type="text" id="c3_timeout" value="<?php
echo esc_attr($c3_timeout);
?>
" size="5" maxlength="6" />
<span><?php
esc_html_e('Milliseconds between slide transitions (0 to disable auto advance).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Autostop', 'udesign');
?>
</th>
<td>
<fieldset><legend class="screen-reader-text"><span><?php
esc_html_e('Autostop', 'udesign');
?>
</span></legend>
<label for="c3_autostop">
<input name="udesign_options[c3_autostop]" type="checkbox" id="c3_autostop" value="yes" <?php
checked('yes', $options['c3_autostop']);
?>
/>
<?php
esc_html_e('End slideshow after the last slide.', 'udesign');
?>
<br />
</label>
</fieldset>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Text Size', 'udesign');
?>
</th>
<td>
<label for="c3_slider_text_size">
<?php
esc_html_e('Font Size: ', 'udesign');
?>
<select name="udesign_options[c3_slider_text_size]" id="c3_slider_text_size">
<option value="1.0"<?php
echo $options['c3_slider_text_size'] == '1.0' ? ' selected="selected"' : '';
?>
>1.0em</option>
<option value="1.1"<?php
echo $options['c3_slider_text_size'] == '1.1' ? ' selected="selected"' : '';
?>
>1.1em</option>
<option value="1.2"<?php
echo $options['c3_slider_text_size'] == '1.2' ? ' selected="selected"' : '';
?>
style="padding-right:7px;">1.2em (Default)</option>
<option value="1.3"<?php
echo $options['c3_slider_text_size'] == '1.3' ? ' selected="selected"' : '';
?>
>1.3em</option>
<option value="1.4"<?php
echo $options['c3_slider_text_size'] == '1.4' ? ' selected="selected"' : '';
?>
>1.4em</option>
<option value="1.5"<?php
echo $options['c3_slider_text_size'] == '1.5' ? ' selected="selected"' : '';
?>
>1.5em</option>
<option value="1.6"<?php
echo $options['c3_slider_text_size'] == '1.6' ? ' selected="selected"' : '';
?>
>1.6em</option>
<option value="1.7"<?php
echo $options['c3_slider_text_size'] == '1.7' ? ' selected="selected"' : '';
?>
>1.7em</option>
<option value="1.8"<?php
echo $options['c3_slider_text_size'] == '1.8' ? ' selected="selected"' : '';
?>
>1.8em</option>
<option value="1.9"<?php
echo $options['c3_slider_text_size'] == '1.9' ? ' selected="selected"' : '';
?>
>1.9em</option>
<option value="2.0"<?php
echo $options['c3_slider_text_size'] == '2.0' ? ' selected="selected"' : '';
?>
>2.0em</option>
</select>
</label>
<br />
<?php
esc_html_e('When using "em" you are specifying size relative to the general font size.', 'udesign');
?>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Text Line Height', 'udesign');
?>
</th>
<td>
<label for="c3_slider_text_line_height">
<?php
esc_html_e('Line Height: ', 'udesign');
?>
<select name="udesign_options[c3_slider_text_line_height]" id="c3_slider_text_line_height">
<option value="0.5"<?php
echo $options['c3_slider_text_line_height'] == '0.5' ? ' selected="selected"' : '';
?>
>0.5</option>
<option value="0.6"<?php
echo $options['c3_slider_text_line_height'] == '0.6' ? ' selected="selected"' : '';
?>
>0.6</option>
<option value="0.7"<?php
echo $options['c3_slider_text_line_height'] == '0.7' ? ' selected="selected"' : '';
?>
>0.7</option>
<option value="0.8"<?php
echo $options['c3_slider_text_line_height'] == '0.8' ? ' selected="selected"' : '';
?>
>0.8</option>
<option value="0.9"<?php
echo $options['c3_slider_text_line_height'] == '0.9' ? ' selected="selected"' : '';
?>
>0.9</option>
<option value="1.0"<?php
echo $options['c3_slider_text_line_height'] == '1.0' ? ' selected="selected"' : '';
?>
>1.0</option>
<option value="1.1"<?php
echo $options['c3_slider_text_line_height'] == '1.1' ? ' selected="selected"' : '';
?>
>1.1</option>
<option value="1.2"<?php
echo $options['c3_slider_text_line_height'] == '1.2' ? ' selected="selected"' : '';
?>
>1.2</option>
<option value="1.3"<?php
echo $options['c3_slider_text_line_height'] == '1.3' ? ' selected="selected"' : '';
?>
>1.3</option>
<option value="1.4"<?php
echo $options['c3_slider_text_line_height'] == '1.4' ? ' selected="selected"' : '';
?>
>1.4</option>
<option value="1.5"<?php
echo $options['c3_slider_text_line_height'] == '1.5' ? ' selected="selected"' : '';
?>
>1.5</option>
<option value="1.6"<?php
echo $options['c3_slider_text_line_height'] == '1.6' ? ' selected="selected"' : '';
?>
>1.6</option>
<option value="1.7"<?php
echo $options['c3_slider_text_line_height'] == '1.7' ? ' selected="selected"' : '';
?>
style="padding-right:7px;">1.7 (Default)</option>
<option value="1.8"<?php
echo $options['c3_slider_text_line_height'] == '1.8' ? ' selected="selected"' : '';
?>
>1.8</option>
<option value="1.9"<?php
echo $options['c3_slider_text_line_height'] == '1.9' ? ' selected="selected"' : '';
?>
>1.9</option>
<option value="2.0"<?php
echo $options['c3_slider_text_line_height'] == '2.0' ? ' selected="selected"' : '';
?>
>2.0</option>
<option value="2.1"<?php
echo $options['c3_slider_text_line_height'] == '2.1' ? ' selected="selected"' : '';
?>
>2.1</option>
<option value="2.2"<?php
echo $options['c3_slider_text_line_height'] == '2.2' ? ' selected="selected"' : '';
?>
>2.2</option>
<option value="2.3"<?php
echo $options['c3_slider_text_line_height'] == '2.3' ? ' selected="selected"' : '';
?>
>2.3</option>
<option value="2.4"<?php
echo $options['c3_slider_text_line_height'] == '2.4' ? ' selected="selected"' : '';
?>
>2.4</option>
<option value="2.5"<?php
echo $options['c3_slider_text_line_height'] == '2.5' ? ' selected="selected"' : '';
?>
>2.5</option>
<option value="2.6"<?php
echo $options['c3_slider_text_line_height'] == '2.6' ? ' selected="selected"' : '';
?>
>2.6</option>
</select>
</label>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Text Color', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="c3-colorSelector1">
<div style="background-color: #<?php
echo $c3_text_color ? esc_attr($c3_text_color) : 'FFFFFF';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[c3_text_color]" id="c3_text_color" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $c3_text_color ? esc_attr($c3_text_color) : 'FFFFFF';
?>
" />
<?php
esc_html_e('Slider text color.', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
<?php
display_save_changes_button();
?>
<input name="udesign_options[c3_slides_order_str]" type="hidden" id="c3_slides_order_str" value="<?php
if ($c3_slides_order_str) {
echo esc_attr($c3_slides_order_str);
}
?>
" />
<div class="add-row" style></div>
<table id="c3-table-slides" class="c3-table-slides">
<tbody>
<?php
foreach ($c3_slides_array as $position => $slide_row_number) {
?>
<tr id="<?php
echo $slide_row_number;
?>
" class="row-style">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px"><?php
echo $position + 1;
?>
</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<div class="c3_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label style="font-weight:bold;" for="c3_slide_img_url_<?php
echo $slide_row_number;
?>
"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="c3_slide_img_url_field" name="udesign_options[c3_slide_img_url_<?php
echo $slide_row_number;
?>
]" type="text" id="c3_slide_img_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['c3_slide_img_url_' . $slide_row_number]) {
echo esc_url($options['c3_slide_img_url_' . $slide_row_number]);
}
?>
" size="65" />
<input id="c3_slide_upload_button_<?php
echo $slide_row_number;
?>
" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary c3_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div id="c3_slide_link_url_<?php
echo $slide_row_number;
?>
" class="slide-link" style="padding:5px 5px 10px 0; clear:both;">
<label for="c3_slide_link_url_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Image Link:', 'udesign');
?>
</label>
<input name="udesign_options[c3_slide_link_url_<?php
echo $slide_row_number;
?>
]" type="text" id="c3_slide_link_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['c3_slide_link_url_' . $slide_row_number]) {
echo esc_url($options['c3_slide_link_url_' . $slide_row_number]);
}
?>
" size="30" />
<label for="c3_slide_link_target_<?php
echo $slide_row_number;
?>
">
<?php
esc_html_e('Target: ', 'udesign');
?>
<select name="udesign_options[c3_slide_link_target_<?php
echo $slide_row_number;
?>
]" id="c3_slide_link_target_<?php
echo $slide_row_number;
?>
">
<option value="self"<?php
echo $options['c3_slide_link_target_' . $slide_row_number] == 'self' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('self', 'udesign');
?>
</option>
<option value="blank"<?php
echo $options['c3_slide_link_target_' . $slide_row_number] == 'blank' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('blank', 'udesign');
?>
</option>
</select>
</label>
<div style="display:inline-block;">
<label for="c3_slide_image_alt_tag_<?php
echo $slide_row_number;
?>
" class="slide-alt-tag" style="margin-left:10px;"><?php
esc_html_e('Alt Tag:', 'udesign');
?>
</label>
<input name="udesign_options[c3_slide_image_alt_tag_<?php
echo $slide_row_number;
?>
]" type="text" id="c3_slide_image_alt_tag_<?php
echo $slide_row_number;
?>
" value="<?php
echo esc_attr($options['c3_slide_image_alt_tag_' . $slide_row_number]);
?>
" size="20" />
</div>
<div><span style="line-height: 1.5; font-size: 10px;" class="description" style="margin:5px 0;float:left;"><?php
esc_html_e('(To clear a text field above, replace it with a single space)', 'udesign');
?>
</span></div>
</div>
<div class="c3_slide_img2_url" style="padding:10px 5px 0 0; float:left; display:inline; clear:left;">
<label style="font-weight:bold;" for="c3_slide_img2_url_<?php
echo $slide_row_number;
?>
"><?php
esc_html_e('Image 2:', 'udesign');
?>
</label>
<input class="c3_slide_img2_url_field" name="udesign_options[c3_slide_img2_url_<?php
echo $slide_row_number;
?>
]" type="text" id="c3_slide_img2_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['c3_slide_img2_url_' . $slide_row_number]) {
echo esc_url($options['c3_slide_img2_url_' . $slide_row_number]);
}
?>
" size="65" />
<input id="c3_slide_upload_button2_<?php
echo $slide_row_number;
?>
" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary c3_slide_img2_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="slide-info-text" style="padding:10px 5px 0 0; width:100%; float:left; clear:both;">
<strong><?php
esc_html_e('Slide text', 'udesign');
?>
</strong> <span class="description" style="margin:20px 0;"><?php
esc_html_e('(You could use text and/or html)', 'udesign');
?>
</span>:<br />
<textarea name="udesign_options[c3_slide_default_info_txt_<?php
echo $slide_row_number;
?>
]" class="code"
style="float:left; width:70%; display:inline; font-size:12px; margin: 5px 0;" id="c3_slide_default_info_txt_<?php
echo $slide_row_number;
?>
"
rows="3" cols="70"><?php
echo $options['c3_slide_default_info_txt_' . $slide_row_number] ? esc_attr($options['c3_slide_default_info_txt_' . $slide_row_number]) : '';
?>
</textarea>
</div>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
<table id="c3-clone-table" style="display:none;">
<tbody>
<tr id="999" class="row-style">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px">999</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<div class="c3_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label style="font-weight:bold;" for="c3_slide_img_url_999"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="c3_slide_img_url_field" name="udesign_options[c3_slide_img_url_999]" type="text" id="c3_slide_img_url_999" value="" size="65" />
<input id="c3_slide_upload_button_999" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary c3_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div id="c3_slide_link_url_999" class="slide-link" style="padding:5px 5px 10px 0; clear:both;">
<label for="c3_slide_link_url_999" class="link-url" style="font-weight:bold;"><?php
esc_html_e('Image Link:', 'udesign');
?>
</label>
<input name="udesign_options[c3_slide_link_url_999]" type="text" id="c3_slide_link_url_999" value="" size="30" />
<label for="c3_slide_link_target_999" class="link-target">
<?php
esc_html_e('Target: ', 'udesign');
?>
<select name="udesign_options[c3_slide_link_target_999]" id="c3_slide_link_target_999">
<option value="self" selected="selected"><?php
esc_attr_e('self', 'udesign');
?>
</option>
<option value="blank"><?php
esc_attr_e('blank', 'udesign');
?>
</option>
</select>
</label>
<div style="display:inline-block;">
<label for="c3_slide_image_alt_tag_999" class="slide-alt-tag" style="margin-left:10px;"><?php
esc_html_e('Alt Tag:', 'udesign');
?>
</label>
<input name="udesign_options[c3_slide_image_alt_tag_999]" type="text" id="c3_slide_image_alt_tag_999" value="" size="20" />
</div>
<div><span style="line-height: 1.5; font-size: 10px;" class="description" style="margin:5px 0;float:left;"><?php
esc_html_e('(To clear a text field above, replace it with a single space)', 'udesign');
?>
</span></div>
</div>
<div class="c3_slide_img2_url" style="padding:10px 5px 0 0; float:left; display:inline; clear:left;">
<label style="font-weight:bold;" for="c3_slide_img2_url_999"><?php
esc_html_e('Image 2:', 'udesign');
?>
</label>
<input class="c3_slide_img2_url_field" name="udesign_options[c3_slide_img2_url_999]" type="text" id="c3_slide_img2_url_999" value="" size="65" />
<input id="c3_slide_upload_button2_999" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary c3_slide_img2_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="slide-info-text" style="padding:10px 5px 0 0; width:100%; float:left; clear:both;">
<strong><?php
esc_html_e('Slide text', 'udesign');
?>
</strong> <span class="description" style="margin:20px 0;"><?php
esc_html_e('(You could use text and/or html)', 'udesign');
?>
</span>:<br />
<textarea name="udesign_options[c3_slide_default_info_txt_999]" class="code"
style="float:left; width:70%; display:inline; font-size:12px; margin: 5px 0;" id="c3_slide_default_info_txt_999"
rows="3" cols="70"><?php
echo get_c3_slide_default_info_txt();
?>
</textarea>
</div>
</td>
</tr>
</tbody>
</table>
<?php
} elseif ($current_slider == '7') {
// No slider
?>
<!-- Add invisible fields from the other sliders' forms to preserve their state. (this is only necessary for checkboxes and some text fields) -->
<input style="display:none;" name="udesign_options[gs_remove_3d_shadow]" type="checkbox" id="gs_remove_3d_shadow" value="yes" <?php
checked('yes', $options['gs_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[pm_remove_3d_shadow]" type="checkbox" id="pm_remove_3d_shadow" value="yes" <?php
checked('yes', $options['pm_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c1_sync]" type="checkbox" id="c1_sync" value="yes" <?php
checked('yes', $options['c1_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_image_frame]" type="checkbox" id="c1_remove_image_frame" value="yes" <?php
checked('yes', $options['c1_remove_image_frame']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_3d_shadow]" type="checkbox" id="c1_remove_3d_shadow" value="yes" <?php
checked('yes', $options['c1_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c2_sync]" type="checkbox" id="c2_sync" value="yes" <?php
checked('yes', $options['c2_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c2_text_transition_on]" type="checkbox" id="c2_text_transition_on" value="yes" <?php
checked('yes', $options['c2_text_transition_on']);
?>
/>
<input style="display:none;" name="udesign_options[c3_autostop]" type="checkbox" id="c3_autostop" value="yes" <?php
checked('yes', $options['c3_autostop']);
?>
/>
<input name="udesign_options[rev_slider_shortcode]" type="hidden" id="rev_slider_shortcode" value="<?php
if ($options['rev_slider_shortcode']) {
echo esc_attr($options['rev_slider_shortcode']);
}
?>
" />
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Title Text', 'udesign');
?>
</th>
<td>
<?php
esc_html_e('Change the Title:', 'udesign');
?>
<input name="udesign_options[no_slider_text]" type="text" id="no_slider_text" value="<?php
if ($options['no_slider_text']) {
echo esc_attr($options['no_slider_text']);
}
?>
" size="35" maxlength="120" />
<br />
<span class="description"><?php
esc_html_e('This is the title text displayed in the place of the slider on the home page', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
<?php
} elseif ($current_slider == '8') {
// Revolution Slider
?>
<!-- Add invisible fields from the other sliders' forms to preserve their state. (this is only necessary for checkboxes and some text fields) -->
<input style="display:none;" name="udesign_options[gs_remove_3d_shadow]" type="checkbox" id="gs_remove_3d_shadow" value="yes" <?php
checked('yes', $options['gs_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[pm_remove_3d_shadow]" type="checkbox" id="pm_remove_3d_shadow" value="yes" <?php
checked('yes', $options['pm_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c1_sync]" type="checkbox" id="c1_sync" value="yes" <?php
checked('yes', $options['c1_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_image_frame]" type="checkbox" id="c1_remove_image_frame" value="yes" <?php
checked('yes', $options['c1_remove_image_frame']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_3d_shadow]" type="checkbox" id="c1_remove_3d_shadow" value="yes" <?php
checked('yes', $options['c1_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c2_sync]" type="checkbox" id="c2_sync" value="yes" <?php
checked('yes', $options['c2_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c2_text_transition_on]" type="checkbox" id="c2_text_transition_on" value="yes" <?php
checked('yes', $options['c2_text_transition_on']);
?>
/>
<input style="display:none;" name="udesign_options[c3_autostop]" type="checkbox" id="c3_autostop" value="yes" <?php
checked('yes', $options['c3_autostop']);
?>
/>
<input name="udesign_options[no_slider_text]" type="hidden" id="no_slider_text" value="<?php
if ($options['no_slider_text']) {
echo esc_attr($options['no_slider_text']);
}
?>
" />
<?php
if (!is_plugin_active('revslider/revslider.php')) {
?>
<div style="background-color:#FFEBE8; border:1px solid #C00; padding:0 0.8em; margin:10px 0;">
<p style="font-weight:bold;"><?php
printf(__('You need to install the "Revolution Slider" first before using this feature. You may install the slider through the %1$sInstall Plugins%2$s section.', 'udesign'), '<a href="themes.php?page=install-required-plugins">', '</a>');
?>
</p>
</div>
<?php
} else {
?>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Revolution Slider', 'udesign');
?>
</th>
<td>
<?php
$slider = new RevSlider();
$arrSliders = $slider->getArrSliders();
if (empty($arrSliders)) {
?>
<div style="background-color:#FFFFE0; border:1px solid #E6DB55; padding:0 0.8em; margin:0;">
<p style="font-weight:bold; margin:7px 0;"><?php
printf(__('No sliders found! Please create a new slider from the %1$sRevolution Slider%2$s page.', 'udesign'), '<a href="admin.php?page=revslider">', '</a>');
?>
</p>
</div>
<?php
} else {
?>
<label for="current_rev_slider"><?php
esc_html_e('Choose a Revolution Slider:', 'udesign');
?>
</label>
<select name="udesign_options[rev_slider_shortcode]" id="current_rev_slider">
<option value=""<?php
echo $options['rev_slider_shortcode'] == '' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('--Select Slider--', 'udesign');
?>
</option>
<?php
foreach ($arrSliders as $slider) {
?>
<option value="<?php
echo $slider->getShortcode();
?>
"<?php
echo $slider->getShortcode() == $options['rev_slider_shortcode'] ? ' selected="selected"' : '';
?>
><?php
echo $slider->getTitle();
?>
</option>
<?php
}
?>
</select><br />
<span class="description"><?php
printf(__('To create additional sliders or to configure the existing ones please refer to the %1$sRevolution Slider%2$s page.', 'udesign'), '<a href="admin.php?page=revslider">', '</a>');
?>
</span><br />
<span class="description"><?php
printf(__('For help please refer to the %1$sDocumentation%2$s.', 'udesign'), '<a target="_blank" href="' . get_bloginfo('template_url') . '/scripts/documentation/index.html#revslider-description">', '</a>');
?>
</span>
<div class="clear"></div>
<?php
}
?>
</td>
</tr>
</tbody>
</table>
<?php
}
?>
<?php
}
display_save_changes_button();
}
