[Arthur WParticipant]

Is it possible to use a Feature List inside Tabs or an Accordion.

I’ve looked for both, and neither give the “feature list” short-code option in the Cornerstone button. If it is possible, are there restrictions? (E.g. If I put tabs on my page in Cornerstone and then an X_Feature_List short-code within the tab item?)

Is there a reason it’s not included in the short-code options available in Cornerstone?

[Rue NelModerator]

Hello There,

Thanks for writing in! Feature lists is exclusively used as Cornerstone Element. This is why you can not find it in the shortcode options and also to avoid further complexities in your layout which may create issues later on.

Hope this explains it briefly.

[Arthur WParticipant]

Ah – thanks for this and it does explain why it’s not in the options.

When you say “also to avoid further complexities in your layout which may create issues later on.” does that mean I shouldn’t use it in a tab or accordion.

Currently I’ve “hard coded” it in the tab box i.e. [x_feature_list][x_feature_box title=”abc” title_color=”#ff6600″ text_color=”” graphic=”image” graphic_size=”120px” graphic_shape=”square” graphic_color=”#ffffff” graphic_bg_color=”#2ecc71″ align_h=”left” align_v=”top” side_graphic_spacing=”20px” max_width=”none” child=”true” connector_width=”1px” connector_style=”dotted” connector_color=”#ffffff” graphic_border=”border-width: 2px 2px 2px 2px; border-style: solid; border-color: #000000;” graphic_image=”http://… “] TEXT [/x_feature_box][/x_feature_list] etc.

If the answer is “don’t do it” then what would you recommend as an alternative? (A Block grid inside the tab? If so, how do I change the size of the grid elements so that the first is much narrower than the second).

Thanks

[ChristianModerator]

Hey Arthur.

The Feature List will work best if it is added as an element in Cornerstone and not by shortcode. I’m sorry but I’m not sure what exactly it is you’re trying to accomplish? Can you give us a sketch or a screenshot?

Thanks.

[Arthur WParticipant]

The page is on http://newsite.marketing-intelligence.co.uk/ci-resources/books/ – and although I’m sure this can be done using a grid (or perhaps even a multi-column type format) I liked the way the feature-list lines up, and the control it gives that would be harder to do when almost all the bits are so similar.

[Arthur WParticipant]

Forgot to mention that the site is still being completed – so it’s easy to make changes as I’ve not yet launched it.

[RupokMember]

Hi there,

Thanks for updating. Would you attach a screenshot of what you are trying to accomplish? I am not sure how can we assist you on this. You can try the elements from Cornerstone and let us know if you face any issue.

Cheers!

[Arthur WParticipant]

Essentially I’ve done what I wanted – with 5 separate Feature Lists, each embedded inside 5 tabs across the top as in http://newsite.marketing-intelligence.co.uk/ci-resources/books/

This works. It was when you wrote “also to avoid further complexities in your layout which may create issues later on.” that made me worry, as if this may not work in future I’d prefer to change it now while still building the site.

I’m not sure I could easily get the same look with other approaches.

[JadeModerator]

Hi Arthur,

It should be fine if you just added a few piece of codes that would easily be maintainable. It is when there are more and longer shortcodes added in the element that in some cases would make the element layout complex and accidentally missing to place closing HTML tags would break the structure of the element.

Hope this explains it.

[drold69Participant]

I’m placing an accordion inside a featured list. The icon doesn’t show in iphone. Curious if there is anything to do about that? Also want to know if there is any way to get the accordion to work on iphone. It works on my PC but not on iphone.

http://bodysynergy.me/classes-i-offer/?v=7516fd43adaa

[ChristopherModerator]

Hi there,

Upon checking your site, the icon was displaying fine and accordion was working fine too, see the attachments.

Please clear cache and check it again.

Thanks.

[drold69Participant]

Cleared Cache. My icons are now showing up but the accordion still won’t open although now I’m seeing the + sign whereas before I wasn’t. I’m using iphone 6+ up to date. Not sure why it’s not working on my device.

[Nabeel AModerator]

Hi again,

I checked your site and the accordion is working fine on my end. However if you’re having issues then you can add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery(document).ready(function($){	
	$('.x-accordion-heading').on('click touchend',function(e) {
		e.preventDefault();
		var el = jQuery(this);
		var body = el.next();
		body.toggleClass('in')
	});
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[Author]

Posts