How to create collapsibles in NP

tempelh2
30 Posts
tempelh2 posted this 26 August 2019
Ask a Question

Hi there,

I was wondering how to create a collapsible in NP which will expand a section by clicking a button/link like "read more..." (e.g. https://www.w3schools.com/howto/howto_js_collapsible.asp) and collapse it when clicking another button/link like "close".

Thanks,
Holger

Hi there, I was wondering how to create a collapsible in NP which will expand a section by clicking a button/link like "read more..." (e.g. https://www.w3schools.com/howto/howto_js_collapsible.asp) and collapse it when clicking another button/link like "close". Thanks, Holger

Last edited 26 August 2019 by tempelh2

Vote to pay developers attention to this features or issue.
21 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 26 August 2019

Hi Holger,

We have no such functionality in Nicepage.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Holger, We have no such functionality in Nicepage. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
tempelh2
30 Posts
tempelh2 posted this 26 August 2019

Could you please add this to the wishlist? Your competitors (elementor, oxygen) offer such a functionality...

Thanks,
Holger

Could you please add this to the wishlist? Your competitors (elementor, oxygen) offer such a functionality... Thanks, Holger
Support Team
Support Team posted this 26 August 2019

Hi Holger,

Yes, this option will be added to our wishlist.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Holger, Yes, this option will be added to our wishlist. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
mail18
23 Posts
mail18 posted this 08 September 2019

I could really use this function as well - how close are you to implement this feauture?

Thanks,
Anette

I could really use this function as well - how close are you to implement this feauture? Thanks, Anette
mail18
23 Posts
mail18 posted this 09 September 2019

Hi there,

I was wondering how to create a collapsible in NP which will expand a section by clicking a button/link like "read more..." (e.g. https://www.w3schools.com/howto/howto_js_collapsible.asp) and collapse it when clicking another button/link like "close".

Thanks,
Holger

Hi Holger
Did you find a "work-around-solution" on the above issue?
Thanks, Anette

> Hi there, > > I was wondering how to create a collapsible in NP which will expand a section by clicking a button/link like "read more..." (e.g. https://www.w3schools.com/howto/howto_js_collapsible.asp) and collapse it when clicking another button/link like "close". > > Thanks, > Holger Hi Holger Did you find a "work-around-solution" on the above issue? Thanks, Anette
Support Team
Support Team posted this 09 September 2019

Hi,

This feature is in our wishlist. You can try to use some code from the internet to implement such functionality. The code can be inserted in the HTML control.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, This feature is in our wishlist. You can try to use some code from the internet to implement such functionality. The code can be inserted in the HTML control. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
tempelh2
30 Posts
tempelh2 posted this 09 September 2019

Hi Anette,

unfortunately the only possibility right now is to either use html code or work with sections by using another plugin (https://getshortcodes.com/).

Both aproaches are not ideal since they might cause additional vulnerabilites (number of plugins should always be kept low) and both will definitely causes additional work and efforts when it comes to creating and maintaining content. And last but not least there's most likely no WYSIWYG while editing the pages' contents...

So after all there's a need for NP to move into the right direction...

HTH
Holger

Hi there,

I was wondering how to create a collapsible in NP which will expand a section by clicking a button/link like "read more..." (e.g. https://www.w3schools.com/howto/howto_js_collapsible.asp) and collapse it when clicking another button/link like "close".

Thanks,
Holger

Hi Holger
Did you find a "work-around-solution" on the above issue?
Thanks, Anette

Hi Anette, unfortunately the only possibility right now is to either use html code or work with sections by using another plugin (https://getshortcodes.com/). Both aproaches are not ideal since they might cause additional vulnerabilites (number of plugins should always be kept low) and both will definitely causes additional work and efforts when it comes to creating and maintaining content. And last but not least there's most likely no WYSIWYG while editing the pages' contents... So after all there's a need for NP to move into the right direction... HTH Holger > > Hi there, > > > > I was wondering how to create a collapsible in NP which will expand a section by clicking a button/link like "read more..." (e.g. https://www.w3schools.com/howto/howto_js_collapsible.asp) and collapse it when clicking another button/link like "close". > > > > Thanks, > > Holger > > Hi Holger > Did you find a "work-around-solution" on the above issue? > Thanks, Anette

Last edited 09 September 2019 by tempelh2

mwaddell2
7 Posts
mwaddell2 posted this 04 December 2019

Here is a good article on how to code this - presumably you would put this code into an HTML block. http://www.randomsnippets.com/2008/02/12/how-to-hide-and-show-your-div/comment-page-4/

It looks like we cannot assign element IDs, which is unfortunate. That means, everything we want to have collapse/expand has to fit in the custom HTML block.

RELATED FEATURE REQUEST: in addition to assigning custom CSS, add ELEMENT ID as an attribute in the property sheet.

Here is a good article on how to code this - presumably you would put this code into an HTML block. http://www.randomsnippets.com/2008/02/12/how-to-hide-and-show-your-div/comment-page-4/ It looks like we cannot assign element IDs, which is unfortunate. That means, everything we want to have collapse/expand has to fit in the custom HTML block. **RELATED FEATURE REQUEST:** in addition to assigning custom CSS, add ELEMENT ID as an attribute in the property sheet.

Last edited 04 December 2019 by mwaddell2

mwaddell2
7 Posts
mwaddell2 posted this 06 December 2019

By the way, this is similar (identical?) to another request here:
https://nicepage.com/questions/15280/show-and-hide-text

By the way, this is similar (identical?) to another request here: https://nicepage.com/questions/15280/show-and-hide-text
Support Team
Support Team posted this 06 December 2019

Hi,

Yes it is.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, Yes it is. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
LWT Schelle
15 Posts
LWT Schelle posted this 25 April 2020

Hi Support,

I am new to Nicepage and I am liking it so far, but Tabs, Accordions with collapse functionality is a pretty standard website feature for FAQ’s etc, if this has been on the wish list since 2018, where is it in your roadmap?

Do you have a published RoadMap?

I am aware that you did a vote last year, and I agree that less manual work for responsiveness should be a high priority, but I am not sure how a standard feature like Tabs etc can be ignored.

So is it on the RoadMap, or is it only in a wish list until more people ask for it.

Thanks in advance
Schelle

Hi Support, I am new to Nicepage and I am liking it so far, but Tabs, Accordions with collapse functionality is a pretty standard website feature for FAQ’s etc, if this has been on the wish list since 2018, where is it in your roadmap? Do you have a published RoadMap? I am aware that you did a vote last year, and I agree that less manual work for responsiveness should be a high priority, but I am not sure how a standard feature like Tabs etc can be ignored. So is it on the RoadMap, or is it only in a wish list until more people ask for it. Thanks in advance Schelle
aplicacioneswebs
94 Posts
aplicacioneswebs posted this 26 April 2020

TAB options would be nice if it was on nicepage. Great idea.

TAB options would be nice if it was on nicepage. Great idea.
webtik
2 Posts
webtik posted this 27 April 2020

I 100% agree with LWT Schelle is really a must have to build this kind of feature. For landing pages at least is really a best practices

Exemple here : Samsung use tabs for his presentation
https://www.samsung.com/fr/smartphones/galaxy-s20/specs/

Even google itself is using it :
https://gsuite.google.com/intl/fr/features/
they have a see more for the contact form

Thanks to add this in your roadmap :)
Best,
Teddy

I 100% agree with LWT Schelle is really a must have to build this kind of feature. For landing pages at least is really a best practices Exemple here : Samsung use tabs for his presentation https://www.samsung.com/fr/smartphones/galaxy-s20/specs/ Even google itself is using it : https://gsuite.google.com/intl/fr/features/ they have a see more for the contact form Thanks to add this in your roadmap :) Best, Teddy
webxsite
167 Posts
webxsite posted this 28 September 2020

Any progress on accordions?

Any progress on accordions?
Support Team
Support Team posted this 29 September 2020

Hi,

The Accordion is in our plans.

...................................................
Sincerely,
Susanna I.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, The Accordion is in our plans. ................................................... Sincerely, Susanna I. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
lalop10576
2 Posts
lalop10576 posted this 13 December 2020

Any update on this?

Any update on this?
Support Team
Support Team posted this 14 December 2020

Hi,

The option is in our plans still.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, The option is in our plans still. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
karen.b3
22 Posts
karen.b3 posted this 19 October 2021

Any update on this?

Any update on this?
Support Team
Support Team posted this 19 October 2021

Hi Karen,

Thanks for contacting us

Can you please specify what updates? As the topic is quite old already.

Preferably create a separate ticket for your concern.

Thank you.
...................................................
Sincerely,
Ahmad M.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1.
Follow us on Facebook: http://facebook.com/nicepageapp.

Hi Karen, Thanks for contacting us Can you please specify what updates? As the topic is quite old already. Preferably create a separate ticket for your concern. Thank you. ................................................... Sincerely, Ahmad M. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1. Follow us on Facebook: http://facebook.com/nicepageapp.
agilefit.org
7 Posts
agilefit.org posted this 16 September 2023

will you do this feature? I would need it to expand/collapse some text

will you do this feature? I would need it to expand/collapse some text
You must log in or register to leave comments