Need to make Accordion in NicePage?

RayS
12 Posts
RayS posted this 30 December 2020
Ask a Question

I have figured out how to make a HTML accordion after some time and works perfectly.
If you need this feature - Let me know and I'll send you a text doc and show how easy
it is. I need this feature for a Personal Injury Lawyer website. Its basic but super effective.

Ray Salyer
New Gear Media

I have figured out how to make a HTML accordion after some time and works perfectly. If you need this feature - Let me know and I'll send you a text doc and show how easy it is. I need this feature for a Personal Injury Lawyer website. Its basic but super effective. Ray Salyer New Gear Media
Vote to pay developers attention to this features or issue.
10 Replies
Order By: Standard | Newest
dmayne
5 Posts
dmayne posted this 01 January 2021

Would like to see this RayS - thanks

Would like to see this RayS - thanks
dmayne
5 Posts
dmayne posted this 01 January 2021

I have figured out how to make a HTML accordion after some time and works perfectly.
If you need this feature - Let me know and I'll send you a text doc and show how easy
it is. I need this feature for a Personal Injury Lawyer website. Its basic but super effective.

Ray Salyer
New Gear Media

Would like to See this Ray - thanks

> I have figured out how to make a HTML accordion after some time and works perfectly. > If you need this feature - Let me know and I'll send you a text doc and show how easy > it is. I need this feature for a Personal Injury Lawyer website. Its basic but super effective. > > Ray Salyer > New Gear Media Would like to See this Ray - thanks
RayS
12 Posts
RayS posted this 01 January 2021

dmayne,

I will post the code in a text file here for you.
Thx for responding!!

Ray Salyer
New Gear Media

dmayne, I will post the code in a text file here for you. Thx for responding!! Ray Salyer New Gear Media
RayS
12 Posts
RayS posted this 01 January 2021

Open in your favorite html editor or text editor. Be sure you do not have auto format. Open as plain text.
The CSS, Java and HTML is all in this one document. At the top of the document you will see the CSS
code to make color adjustments. This is a VERY basic accordion but does the job until NicePage releases
the setup in the platform that is on the roadmap for 2021.

Look for this in the text file
(This is the title of the accordion)

<h2>NicePage Accordion Work Around</h2>
Just below that you will see:

(Edit this title for the first card)
(add your content in here between the p tags)

<button class>Add Your Section 1</button>
<div class>
<p>Demo Content Here Section 1</p>
</div>

You can copy and paste as many times as you need then save the document

Open NicePage and create a new ELEMENT and Choose HTML
Add to your document then double click
Paste in the code from your text file

BOOM - You now have Accordion in your HTML website. When you export for Wordpress or Joomla
the code will stay and work exactly the same unless you remove the code and add a short code from
the other platforms.

I had to figure this out as it was really need for this project I'm working on.

Happy New Year and I hope this helps you!!

Ray Salyer
New Gear Media

Open in your favorite html editor or text editor. Be sure you do not have auto format. Open as plain text. The CSS, Java and HTML is all in this one document. At the top of the document you will see the CSS code to make color adjustments. This is a VERY basic accordion but does the job until NicePage releases the setup in the platform that is on the roadmap for 2021. Look for this in the text file (This is the title of the accordion) &lt;h2&gt;NicePage Accordion Work Around&lt;/h2&gt; Just below that you will see: (Edit this title for the first card) (add your content in here between the p tags) &lt;button class&gt;Add Your Section 1&lt;/button&gt; &lt;div class&gt; &lt;p&gt;Demo Content Here Section 1&lt;/p&gt; &lt;/div&gt; You can copy and paste as many times as you need then save the document Open NicePage and create a new ELEMENT and Choose HTML Add to your document then double click Paste in the code from your text file BOOM - You now have Accordion in your HTML website. When you export for Wordpress or Joomla the code will stay and work exactly the same unless you remove the code and add a short code from the other platforms. I had to figure this out as it was really need for this project I'm working on. Happy New Year and I hope this helps you!! Ray Salyer New Gear Media

Last edited 01 January 2021 by RayS

ligatech
21 Posts
ligatech posted this 30 March 2021

Hello, RayS
Do you have any idea how can I get the first tab closed on page loading?
Apparently, the first tab of "NicePage" 's Accordion is always open and they don't have any solution to this.
And the client refuses to pay the rest of the sum for the finished website that I've built.
Kind regards
E.C.

Hello, RayS Do you have any idea how can I get the first tab closed on page loading? Apparently, the first tab of "NicePage" 's Accordion is always open and they don't have any solution to this. And the client refuses to pay the rest of the sum for the finished website that I've built. Kind regards E.C.
RayS
12 Posts
RayS posted this 16 April 2021

Hello, RayS
Do you have any idea how can I get the first tab closed on page loading?
Apparently, the first tab of "NicePage" 's Accordion is always open and they don't have any solution to this.
And the client refuses to pay the rest of the sum for the finished website that I've built.
Kind regards
E.C.

Did you resolve this issue that you were having?? I just got back online from being sick. Sorry for the late response.

Ray

> Hello, RayS > Do you have any idea how can I get the first tab closed on page loading? > Apparently, the first tab of "NicePage" 's Accordion is always open and they don't have any solution to this. > And the client refuses to pay the rest of the sum for the finished website that I've built. > Kind regards > E.C. Did you resolve this issue that you were having?? I just got back online from being sick. Sorry for the late response. Ray
Support Team
Support Team posted this 16 April 2021

Ray,

Yes. Please update you Nicepage.

...................................................
Sincerely,
Allen R.
Nicepage Support Team

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

Ray, Yes. Please update you Nicepage. ................................................... Sincerely, Allen R. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
RayS
12 Posts
RayS posted this 16 April 2021

I have the current version

Ray

I have the current version Ray
Support Team
Support Team posted this 16 April 2021

Ray,

111.png

Select the Tab and uncheck the box.
...................................................
Sincerely,
Allen R.
Nicepage Support Team

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

Ray, !111.png! Select the Tab and uncheck the box. ................................................... Sincerely, Allen R. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
RayS
12 Posts
RayS posted this 16 April 2021

Thank You for your response

Ray

Thank You for your response Ray
You must log in or register to leave comments