Website Development
Web Design & UX
Online Marketing
Hosting
Industries
Search
Portfolio
About Us
Our Company
20th Anniversary
Team
Community Involvement
Awards
Careers
Nonprofit Web Design Grant
Scholarship
Resources
Blog
Tools
ADA Compliance Websites
Responsive Site Test
Website Design RFP
Google Review Generator
Project Estimator
Case Studies
Guides
Podcast
Our Partners
Support
FTP Request
Server and Database Access
Submit a Ticket
Support FAQs
DNN Learning Center
nopCommerce Learning Center
Wordpress Learning Center
Terms of Service
Privacy Statement
Contact Us
Careers
Support Ticketing
Request Quote
REQUEST QUOTE
Website Development
nopCommerce
nopCommerce Training
nopCommerce Website Design Process
nopCommerce FAQs
nopCommerce Sample Sites
nopCommerce Website Hosting
nopCommerce Features
Certified nopCommerce Developers
NOP Site Maintenance
Umbraco
Umbraco Development
Umbraco Plugins
Umbraco SEO
Umbraco E-commerce Solutions
Umbraco Upgrade- Migrations
Umbraco vs. WordPress
Umbraco vs. DNN
WordPress
WordPress vs. DNN
Wordpress FAQs
WordPress Sample Sites
WordPress SEO
Wordpress Maintenance
DNN
DNN Training
WordPress vs. DNN
DNN Website Design Process
DNN FAQs
DNN Sample Sites
DNN Website Hosting
DNN Support
Custom Development
App Development
ASP.net Development
Web Design & UX
Custom Web Design
UX Analysis
UX Testing
Conversion Focused Design
Responsive Web Design
Mobile App Design
Graphic & Print Design
Online Marketing
SEO
Local SEO
Technical SEO
SEO Audits
Enterprise SEO
B2B SEO
Glossary
Learn
SEO Consulting
Paid Advertising
PPC Audits
PPC Management
Geo-Fence Marketing
Glossary
Amazon Marketing
Conversion Rate Optimization
Testing Methodology
CRO Calculator
Social Media Marketing
Packages
Social Media Reporting
Marketing Automation
HubSpot Management Package
HubSpot Partner
Influencer Marketing
Hosting
DNN Website Hosting
nopCommerce Hosting
SSL Site Security
Dedicated Servers
Wordpress Hosting
Industries
Manufacturing
Web Design
Marketing
Website Tools
FAQs
Account Based Marketing
Photography Services
Ecommerce
Health and Wellness
Nonprofit
Government
Professional Services
Schools
Wordpess for Schools
Best School Websites
Template or Custom
School Site ADA Compliance
Themes For Schools
Portfolio
About Us
Our Company
20th Anniversary
Team
Community Involvement
Awards
Careers
Nonprofit Web Design Grant
Scholarship
Resources
Blog
Tools
ADA Compliance Websites
Responsive Site Test
Website Design RFP
Google Review Generator
Project Estimator
Case Studies
Guides
Podcast
Our Partners
Support
FTP Request
Server and Database Access
Submit a Ticket
Support FAQs
DNN Learning Center
nopCommerce Learning Center
Wordpress Learning Center
Terms of Service
Privacy Statement
Contact Us
Careers
Support Ticketing
Request Quote
Request Quote
Menu
Blog
Tools
ADA Compliance Websites
Responsive Site Test
Website Design RFP
Google Review Generator
Project Estimator
Case Studies
Guides
Podcast
Our Partners
Support
FTP Request
Server and Database Access
Submit a Ticket
Support FAQs
DNN Learning Center
nopCommerce Learning Center
Wordpress Learning Center
Terms of Service
Privacy Statement
Search
Portfolio
About Us
Our Company
20th Anniversary
Team
Community Involvement
Awards
Careers
Nonprofit Web Design Grant
Scholarship
Resources
Blog
Tools
ADA Compliance Websites
Responsive Site Test
Website Design RFP
Google Review Generator
Project Estimator
Case Studies
Guides
Podcast
Our Partners
Support
FTP Request
Server and Database Access
Submit a Ticket
Support FAQs
DNN Learning Center
nopCommerce Learning Center
Wordpress Learning Center
Terms of Service
Privacy Statement
Contact Us
Careers
Support Ticketing
Request Quote
Website Development
nopCommerce
nopCommerce Training
nopCommerce Website Design Process
nopCommerce FAQs
nopCommerce Sample Sites
nopCommerce Website Hosting
nopCommerce Features
Certified nopCommerce Developers
NOP Site Maintenance
Umbraco
Umbraco Development
Umbraco Plugins
Umbraco SEO
Umbraco E-commerce Solutions
Umbraco Upgrade- Migrations
Umbraco vs. WordPress
Umbraco vs. DNN
WordPress
WordPress vs. DNN
Wordpress FAQs
WordPress Sample Sites
WordPress SEO
Wordpress Maintenance
DNN
DNN Training
WordPress vs. DNN
DNN Website Design Process
DNN FAQs
DNN Sample Sites
DNN Website Hosting
DNN Support
Custom Development
App Development
ASP.net Development
Web Design & UX
Custom Web Design
UX Analysis
UX Testing
Conversion Focused Design
Responsive Web Design
Mobile App Design
Graphic & Print Design
Online Marketing
SEO
Local SEO
Technical SEO
SEO Audits
Enterprise SEO
B2B SEO
Glossary
Learn
SEO Consulting
Paid Advertising
PPC Audits
PPC Management
Geo-Fence Marketing
Glossary
Amazon Marketing
Conversion Rate Optimization
Testing Methodology
CRO Calculator
Social Media Marketing
Packages
Social Media Reporting
Marketing Automation
HubSpot Management Package
HubSpot Partner
Influencer Marketing
Hosting
DNN Website Hosting
nopCommerce Hosting
SSL Site Security
Dedicated Servers
Wordpress Hosting
Industries
Manufacturing
Web Design
Marketing
Website Tools
FAQs
Account Based Marketing
Photography Services
Ecommerce
Health and Wellness
Nonprofit
Government
Professional Services
Schools
Wordpess for Schools
Best School Websites
Template or Custom
School Site ADA Compliance
Themes For Schools
Portfolio
About Us
Our Company
20th Anniversary
Team
Community Involvement
Awards
Careers
Nonprofit Web Design Grant
Scholarship
Resources
Blog
Tools
ADA Compliance Websites
Responsive Site Test
Website Design RFP
Google Review Generator
Project Estimator
Case Studies
Guides
Podcast
Our Partners
Support
FTP Request
Server and Database Access
Submit a Ticket
Support FAQs
DNN Learning Center
nopCommerce Learning Center
Wordpress Learning Center
Terms of Service
Privacy Statement
Contact Us
Careers
Support Ticketing
Request Quote
Request Quote
Menu
REQUEST QUOTE
Search
Home
/
Resources
/
Support
/
DNN Learning Center
/
DNN Resources
/
Guide
/
Live Accordion
Live Accordion
Description:
Module that provides accordion functionality for content on the DNN Platform
INSTRUCTIONS:
Editing
existing accordion pane
When in Edit Mode, click the icon/link
.
The click the edit icon(pencil) on the accordion pane you wish to edit
Edit the HTML content in the editor
If you need to edit the name of the accordion pane, click the tab “Settings” next to the tab “Content” and update the pane name. This tab also contains the HTML Pane Header which may be in use. If you see content listed on an accordion module that is not in the HTML editor as shown above. Check this location next.
Editing modules inserted into an accordion pane
Modules can be placed inside an accordion pane. See below for settings location
To edit a module inside an accordion pane, go to said pane and then click on the controls (black icons in upper right) for that module.
Once edits are made, click the update pane button. This should be clicked prior to editing another pane. If you change to another pane before saving, the change made will not be saved.
Adding a
new accordion pane
Repeat step 1a
Enter Pane Name and click ‘Add Pane’ button
Proceed to add the content to pane via the HTML editor and/or add a module to the pane via the Modules setting.
To add a module to a pane, click the Modules option on the right sidebar menu, select the module from the dropdown “Modules” and click ‘Add Module’. Once added, the module should appear in the Selected modules list. Use the green arrows to position the order of the modules. Use the trash can icon to delete a module once it’s been added.
Once all info is added, click the update pane button and then the back button to go back to the front end view.