collapsible list – Content Views Pro https://contentviewspro.com/documentation Most Popular Filter & Grid Plugin For WordPress Wed, 27 Dec 2023 10:56:37 +0000 en-US hourly 1 Collapsible List – custom style (color, border, etc.) https://contentviewspro.com/documentation/article/collapsible-list-custom-style-change-color-remove-border-etc/ Mon, 23 Oct 2017 09:56:52 +0000 http://docs.contentviewspro.com/?p=2464 Collapsible List – custom style (color, border, etc.) Read More »

]]> Change color of the + – icon 
.pt-cv-collapsible .panel-heading span .glyphicon {color: YOUR_COLOR !important;}

Remove the border and box shadow around item

.pt-cv-collapsible .panel {border: none !important; box-shadow: none !important;}

Remove the border under the Title

.pt-cv-collapsible .panel-group .panel-heading+.panel-collapse .panel-body {border-top: none !important;}

Change the color of the border under the Title

.pt-cv-collapsible .panel-group .panel-heading+.panel-collapse .panel-body {border-top: 1px solid YOUR_COLOR !important;}

Rounded corners

.pt-cv-collapsible .panel {border-radius:5px !important}

Best regards,

]]> Collapsible List – prevent hiding opened items on click an item https://contentviewspro.com/documentation/article/collapsible-list-prevent-hiding-opened-items-click-item/ Mon, 21 Aug 2017 11:25:06 +0000 http://docs.contentviewspro.com/?p=1934 Collapsible List – prevent hiding opened items on click an item Read More »

]]> With Content Views, you can show posts in collapsible list.
By default, opened item will be closed on click any another item. To change that behavior (keep opened item remain opening), please use this custom script:

/* Collapsible List - prevent hiding other opened items on click an item */
window.cv_collapse_ignore_others = 1;

If you are using Content Views Free, please add above code with this instruction (click here).

Best regards,

]]> Collapsible List – change color of +/- icon https://contentviewspro.com/documentation/article/change-color-plusminus-icon-collapsible-list/ Fri, 06 Jan 2017 15:56:01 +0000 http://docs.contentviewspro.com/?p=1137 > Settings page: .pt-cv-collapsible .panel-heading span .glyphicon {color: YOUR_COLOR !important;} Best regards,]]> Please add this code to Custom CSS field in Content Views >> Settings page:

.pt-cv-collapsible .panel-heading span .glyphicon {color: YOUR_COLOR !important;}

Best regards,

]]> Collapsible List – open all items on page load https://contentviewspro.com/documentation/article/collapsible-list-open-all-items-on-page-load/ Tue, 12 Jul 2016 08:28:38 +0000 http://docs.contentviewspro.com/?p=870 > Layout. Otherwise, please add this code to file functions.php of your active theme: // Content Views - Collapsible list - open all items on page load add_filter( 'pt_cv_collapsible_open_all', '__return_true' );]]> With Content Views Pro 4.3 and higher, you can enable this feature per each View with the Open all items checkbox in Display Settings >> Layout.

Otherwise, please add this code to file functions.php of your active theme:

// Content Views - Collapsible list - open all items on page load
add_filter( 'pt_cv_collapsible_open_all', '__return_true' );
]]> Collapsible List – uncheck “Open first item by default” in all future created Views https://contentviewspro.com/documentation/article/collapsible-list-uncheck-open-first-item-by-default-in-all-future-created-views/ Tue, 12 Jul 2016 05:29:24 +0000 http://docs.contentviewspro.com/?p=857 Collapsible List – uncheck “Open first item by default” in all future created Views Read More »

]]> To disable “Open first item by default” in all future created Views, please add this code to file functions.php of your active theme:

// Content Views Pro - Disable "Open first item by default" in all future created Views
add_filter( 'pt_cv_view_type_settings_collapsible_184', 'cvp_theme_collapsible_uncheck_open_first_item', 100, 1 );
function cvp_theme_collapsible_uncheck_open_first_item( $args ) {
	$args[0]['params'][0]['std'] = '';

	return $args;
}

For existing Views, you need to unselect the Open the first item by default checkbox in the Display Settings > Layout.

Best regards,

]]> Collapsible List – Fix: post doesn’t expand on click heading https://contentviewspro.com/documentation/article/collapsible-list-doesnt-work/ Mon, 14 Dec 2015 04:24:41 +0000 http://docs.contentviewspro.com/?p=691 > Settings page: /* Fix Collapsible list - can't toggle item */ …

Collapsible List – Fix: post doesn’t expand on click heading Read More »

]]> In Collapsible list, item’s content will toggle (show/hide) when you click on item’s heading. If it doesn’t work like that, it should be conflict with script from another plugin or active theme.

Please add this code to Custom JS field in Content Views >> Settings page:

/* Fix Collapsible list - can't toggle item */
setTimeout(function() {
$(".pt-cv-view .panel-title").removeAttr("data-toggle"),$(".pt-cv-view .panel-title").off("click").on("click",function(e){e.preventDefault();var l=$(this).next("span").children("i"),i=$(this).parent().next(".panel-collapse");i.is(":visible")?(i.fadeOut(100),l.removeClass("glyphicon-minus").addClass("glyphicon-plus")):($(this).closest(".pt-cv-collapsible").find(".panel-collapse").fadeOut(100),i.animate({height:"toggle"},300),l.removeClass("glyphicon-plus").addClass("glyphicon-minus")),i.removeClass("collapse")}),$(".pt-cv-view .panel-heading span.panel-collapsed").off("click").on("click",function(e){$(this).parent(".panel-heading").find(".panel-title").trigger("click")});
}, 2000);

If you are using Content Views Free, please add above code with this instruction (click here).

Best regards,

]]>