function td_category_form_ajax($category_id)
{
ob_start();
?>
<!-- DISPLAY VIEW -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title">ARTICLE DISPLAY VIEW</span>
<p>Select a module type, this is how your article list will be displayed</p>
</div>
<div class="td-box-control-full td-panel-module">
<?php
echo td_panel_generator::visual_select_o(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_layout', 'values' => td_panel_generator::helper_display_modules('default+enabled_on_loops')));
?>
</div>
</div>
<!-- Custom Sidebar + position -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title">CUSTOM SIDEBAR + POSITION</span>
<p>Sidebar position and custom sidebars</p>
</div>
<div class="td-box-control-full td-panel-sidebar-pos">
<div class="td-display-inline-block">
<?php
echo td_panel_generator::visual_select_o(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_sidebar_pos', 'values' => array(array('text' => '', 'title' => '', 'val' => '', 'img' => get_template_directory_uri() . '/includes/wp_booster/wp-admin/images/panel/sidebar-default.png'), array('text' => '', 'title' => '', 'val' => 'sidebar_left', 'img' => get_template_directory_uri() . '/includes/wp_booster/wp-admin/images/panel/sidebar-left.png'), array('text' => '', 'title' => '', 'val' => 'no_sidebar', 'img' => get_template_directory_uri() . '/includes/wp_booster/wp-admin/images/panel/sidebar-full.png'), array('text' => '', 'title' => '', 'val' => 'sidebar_right', 'img' => get_template_directory_uri() . '/includes/wp_booster/wp-admin/images/panel/sidebar-right.png'))));
?>
<div class="td-panel-control-comment td-text-align-right">Select sidebar position</div>
</div>
<div class="td-display-inline-block td_sidebars_pulldown_align">
<?php
echo td_panel_generator::sidebar_pulldown(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_sidebar_name'));
?>
<div class="td-panel-control-comment td-text-align-right">Create or select an existing sidebar</div>
</div>
</div>
</div>
<!-- Show Featured slider -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title">SHOW CATEGORY BIG GRID</span>
<p>Enable or disable the category big grid</p>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::checkbox(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_slider', 'true_value' => '', 'false_value' => 'yes'));
?>
</div>
</div>
<!-- Category color -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title">CATEGORY TAG COLOR ON POST PAGE</span>
<p>Pick a color for this category tag on post page</p>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_color', 'default_color' => ''));
?>
</div>
</div>
<!-- BACKGROUND UPLOAD -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title">BACKGROUND UPLOAD</span>
<p>Upload your background image.</br> You can use:</p>
<ul>
<li>Single Image</li>
<li>Pattern</li>
</ul>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::upload_image(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_image'));
?>
</div>
</div>
<!-- BACKGROUND STYLE -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title">BACKGROUND STYLE</span>
<p>How the background will be displayed</p>
<ul>
<li><b>Stretch:</b> use this option when you are using a Single Image for you background and you want this image to fill the entire background.</li>
<li><b>Tiled:</b> use this option when you are using a Pattern for you background.</li>
</ul>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::radio_button_control(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_bg_repeat', 'values' => array(array('text' => 'Default', 'val' => ''), array('text' => 'Stretch', 'val' => 'stretch'), array('text' => 'Tiled', 'val' => 'tile'))));
?>
</div>
</div>
<!-- Background color -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title">BACKGROUND COLOR</span>
<p>Use a solid color instead of an image</p>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_bg_color', 'default_color' => ''));
?>
</div>
</div>
<!-- Hide category tag on post -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title">HIDE CATEGORY ON POST AND ON CATEGORY PAGES</span>
<p>Show or hide category on single post page and on category pages. Useful if you want to have hidden categories to sort things up.</p>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::checkbox(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_hide_on_post', 'true_value' => 'hide', 'false_value' => ''));
?>
</div>
</div><?php
return ob_get_clean();
}
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_option', 'option_id' => 'tds_footer_bottom_color', 'default_color' => '#0d0d0d'));
?>
</div>
</div>
<!-- FOOTER bottom text color -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title">TEXT COLOR</span>
<p>Select sub footer bottom text color</p>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_option', 'option_id' => 'tds_footer_bottom_text_color', 'default_color' => '#cccccc'));
?>
</div>
</div>
<?php
echo td_panel_generator::box_end();
?>
<hr>
<div class="td-section-separator">Content</div>
<!-- POSTS PAGE -->
<?php
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_option', 'option_id' => 'tds_page_title_color', 'default_color' => '#111111'));
?>
</div>
</div>
<!-- Page content -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title">页面文字颜色</span>
<p>选择页面文字颜色</p>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_option', 'option_id' => 'tds_page_content_color', 'default_color' => '#444444'));
?>
</div>
</div>
<!-- Page content h -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title">页面 H1, H2, H3, H4, H5, H6 颜色</span>
<p>选择页面 h 颜色</p>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_option', 'option_id' => 'tds_page_h_color', 'default_color' => '#111111'));
?>
</div>
</div>
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_option', 'option_id' => 'tds_post_content_color', 'default_color' => '#444444'));
?>
</div>
</div>
<!-- Post h color -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title">POST H1, H2, H3, H4, H5, H6 COLOR</span>
<p>Select in post h color</p>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_option', 'option_id' => 'tds_post_h_color', 'default_color' => '#222222'));
?>
</div>
</div>
<!-- Post blockquote color -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title">POST BLOCKQUOTE COLOR</span>
<p>Select in post blockquote color</p>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_option', 'option_id' => 'tds_post_blockquote_color', 'default_color' => ''));
?>
</div>
</div>
?>
</div>
</div>
<!-- HEADERS BACKGROUND COLOR -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title">HEADERS BACKGROUND COLOR</span>
<p>Select a global header background color</p>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_option', 'option_id' => 'tds_header_color', 'default_color' => ''));
?>
</div>
</div>
<!-- HEADERS TEXT COLOR -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title">HEADERS TEXT COLOR</span>
<p>Select a global header text color</p>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_option', 'option_id' => 'tds_text_header_color', 'default_color' => ''));
?>
</div>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::radio_button_control(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_bg_repeat', 'values' => array(array('text' => '默认', 'val' => ''), array('text' => '拉伸', 'val' => 'stretch'), array('text' => '切片', 'val' => 'tile'))));
?>
</div>
</div>
<!-- Background color -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title">背景颜色</span>
<p>使用纯色代替图片</p>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_bg_color', 'default_color' => ''));
?>
</div>
</div>
<!-- Hide category tag on post -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title">隐藏文章和分类页分类</span>
<p>显示或隐藏单个文章页和分类页分类。如果你想隐藏分类排序理清，这是有用的。</p>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::checkbox(array('ds' => 'td_category', 'item_id' => $category_id, 'option_id' => 'tdc_hide_on_post', 'true_value' => 'hide', 'false_value' => ''));
?>
</div>
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_option', 'option_id' => 'tds_menu_color', 'default_color' => ''));
?>
</div>
</div>
<!-- Submenu Hover color -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title">ACTIVE & HOVER COLOR</span>
<p>Select the active and hover color for menu and submenu</p>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_option', 'option_id' => 'tds_submenu_hover_color', 'default_color' => ''));
?>
</div>
</div>
<!-- Menu text color -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title">MENU TEXT COLOR</span>
<p>Select menu text color</p>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_option', 'option_id' => 'tds_menu_text_color', 'default_color' => '#000000'));
?>
</div>
</div>
</div>
</div>
<div class="td-box-row td-block-style">
<div class="td-box-description">
<span class="td-box-title">Navigation text color</span>
<p>Choose the text color for block navigation</p>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_block_styles', 'item_id' => 'style_6', 'option_id' => 'tds_block_navigation_text_color', 'default_color' => '#ffdef2'));
?>
</div>
</div>
<div class="td-box-row td-block-style">
<div class="td-box-description">
<span class="td-box-title">Hover color</span>
<p>Choose the hover color for this block style</p>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_block_styles', 'item_id' => 'style_6', 'option_id' => 'tds_block_hover_style', 'default_color' => ''));
?>
</div>
</div>
<?php
echo td_panel_generator::box_end();
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_option', 'option_id' => 'tds_top_menu_text_hover_color', 'default_color' => ''));
?>
</div>
</div>
<!-- SOCIAL ICONS COLOR -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title">SOCIAL ICONS COLOR</span>
<p>Select social icons color</p>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_option', 'option_id' => 'tds_top_social_icons_color', 'default_color' => ''));
?>
</div>
</div>
<!-- SOCIAL ICONS HOVER COLOR -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title td-title-on-row">SOCIAL ICONS HOVER COLOR</span>
<p>Select social icons hover color</p>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_option', 'option_id' => 'tds_top_social_icons_hover_color', 'default_color' => ''));
?>
</div>
</div>
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_option', 'option_id' => 'tds_module_mx4_title_color', 'default_color' => '#111111'));
?>
</div>
</div>
<?php
echo td_panel_generator::box_end();
?>
<!-- AUTHOR NAME -->
<?php
echo td_panel_generator::box_start('Author name', false);
?>
<!-- Author name -->
<div class="td-box-row">
<div class="td-box-description">
<span class="td-box-title">AUTHOR NAME COLOR</span>
<p>Select Author name link color</p>
</div>
<div class="td-box-control-full">
<?php
echo td_panel_generator::color_picker(array('ds' => 'td_option', 'option_id' => 'tds_author_name_title_color', 'default_color' => '#222222'));
?>
</div>
</div>
<?php
echo td_panel_generator::box_end();
