Hi All,
I am working on creating a FAQ page for our users and I want to put most popular questions on the landing page in a way like accordion so when you click the drop down you can display the answer without going to another page/browser. Has any of you done such a thing? Any other suggestions will be appreciated.
Thank you all,
Best answer by Sdinnoce
View original
+5
This is such great information! I am not very familiar with html/css so appreciate people willing to share! I’m being asked if I can add links in the answers, as well as images. I’m pretty sure links are possible, but what if we wanted a picture/screenshot. Is that even doable?
Sure - you can add pics to the answer portion of the accordion.
You may wish to determine a maximum size or force your images to a certain size with your CSS so that things do not become obnoxious.
You will need to add some CSS for the image so that it can properly appear and tuck away as you click the accordion.
Here is a screenshot of my sample that I put together. It has no connection to the text - it was just a small graphic I had available for the using.
+5
The link will go in the HTML similar to below…
<h2>What does NTEP stand for?</h2>
<img src="path/to/image.png">
<p>NTEP stands for National Type Evaluation Program.<br>Again, you’ll likely want to style things or limit sizes so you don’t have a strangely expanding and contracting accordion.
Hi, are these widgets or whole pages? I have been looking for a way to add a HTML or PDF page to a menu for our instructors. I do not have hosting servers to feed the iFrame or other solutions. And the HTML in the widget is so restrictive.
I don’t understand fundamentally how you are doing these pages.
+5
I am working with a widget and you can choose any size of widget.
There are two main pieces to this.
The CSS and the HTML
This is code content that gets placed in two different areas.
The CSS is placed in your Branding and Look area found in the admin menu at the bottom of the left side menu.
The HTML is placed in your widget. ID names and classes for both must correspond with each other for them to work.
There are a number of entries for the accordion. Have a look at this post where I talk about my contribution to this topic.
Hope it helps.
Thanks
+5
As I read back - I realize I was really answering in context of the original thread.
If you want to make a PDF available for your folks - this is more a challenge on a page if you do not have external storage for files that you can link to.
I might offer the idea of making a special “course” just for those individuals and making use of the file repository to upload your PDFs as opposed to just using a page.
I am not attempting the accordion at this time. All I was trying to do was make an instructor guide that we have developed for the instructors.
After the TripAdvisor demo the other week, I thought I would just add one page with HTML to the menu, but it turns out you cannot do that without an external link / storage.
I have made little HTML faqs, but for this solution I am trying to take a multipage word doc, replicate it in HTML. Then add the page with one big widget to the menu.
But the limitations of the HTML in the widget are a pain. Never know what I can get away with unless I just toss it in there and try it.
+5
… the limitations of the HTML in the widget are a pain.
Well, I won’t disagree with that.
Have you tried just using the WYSIWYG side of the widget?
No - you won’t get the high-level formatting abilities but you should be able to get your point across.
I will backup up and try the simpler solution. Thanks
Enter your email address or username and password below to log in to Docebo Community. No account yet? Create an account
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.