WebSite X5Help Center

 
Rajiv S.
Rajiv S.
User

Faq  en

Author: Rajiv S.
Visited 1415, Followers 1, Shared 0  

How can I add a FAQ (Frequently Asked Questions Section) in Webpage (you click on a question to display answer as in pc attached

Posted on the
13 ANSWERS - 2 USEFUL
Esahc ..
Esahc ..
Moderator

Rajiv, there is also the free Accordian Text which may do the job if you don't require anything fancy.

Read more
Posted on the from Esahc ..
Rajiv S.
Rajiv S.
User
Author

There is no free Accordion Text (or Accordion Gallery) (all the cool objects, some of which should be part of regular package (especially such as galleries and accordian text because they are required much and make life of simple website builders easy are in paid zone :( )  

Read more
Posted on the from Rajiv S.
Daniel W.
Daniel W.
User
Best User of the month EN

I would also be interested to know where the free accordion object is available. It's not included in the Evo version, nor in the free add-on items.

Since I have basic knowledge of HTML, I can easily create this myself in the form of copied HTML, CSS and Javascript code and paste it into an HTML object.

There are many accordion text websites on Google, but the website I linked above is the one that does it the easiest with complete code examples for beginners.

Read more
Posted on the from Daniel W.
Esahc ..
Esahc ..
Moderator

Whilst we await Incomedia, is it available in object management?

It is available in my object management (pro), but I now note the freeby is not available through marketplace on the web. It is possible it has been withdrawn and remains on my installations as a legacy object, and I guess it is also possible it is only included in pro. Sorry if I have mislead you.

Incomedia, can you advise??

Read more
Posted on the from Esahc ..
Andy W.
Andy W.
User

I just looked for Accordion objects(s) in my pro, and I don’t see any free versions either.

I hope that this is useful.

Read more
Posted on the from Andy W.
Jerome P.
Jerome P.
User

Good morning

I pass you a drop-down that I made to design a series of tables being able to modify the graphic characteristics. the one that shows is in HTLM but there are other ways. Paste the following code into an HTLM object.

To modify, just look at the code headers and look for the contents of each section.

<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.accordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 20px;
transition: 0.4s;
border-radius: 5px;
margin-bottom: 5px;
}

.active, .accordion:hover {
background-color: #3C78D8;
color: white;
}

.accordion:after {
content: '\002B';
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
}

.active:after {
content: "\2212";
color: white;
}

.panel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
</style>


<button class="accordion">Estado saturado</button>
<div class="panel">
<p>&nbsp;</p>


</div>

<button class="accordion">Volumen másico estado sobrecalentamiento</button>

<div class="panel">
<p>&nbsp;</p>

</div>

<button class="accordion"> Entalpía estado sobrecalentamiento</button>

<div class="panel">
<p>&nbsp;</p>

</div>

<button class="accordion">Entropía estado sobrecalentamiento</button>
<div class="panel">
<p>&nbsp;</p>

</div>

<script>
var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
}
});
}
</script>

Read more
Posted on the from Jerome P.
Rajiv S.
Rajiv S.
User
Author

Thanks to everyone. Just a request to X5 to add at least one cool gallery and object in each category (not just the basic ones0 as part of standard package as most of X5 users are usually drag and drop users

Read more
Posted on the from Rajiv S.
John S.
John S.
User

Here: http://eksempelsite.dk/accordions.html is some examples of accordeons.

I think one of them is the same already shown.

INCOMEDIA made 2 accordeons one free and one to pay for. They have now "removed" the free version - I guess it was because it was free. But accordeons is rather easy to make and the ones you make yourself can be given much functionality.

BUT I think there should be a free version as an accordeon is often used on websites.

One could think that we will end up with a product (X5) that is only a shell, and if you want functionality you have to buy that extra.

Read more
Posted on the from John S.
Incomedia
Elisa B.
Incomedia

Hi there, 

I confirm this effect can be set up with the Accordion Text / FAQ Object, which cost 16 Credits and is available for both Evo and Pro starting from version 2020.2

Please let me know if I can be of any further help. Kind regards.

Read more
Posted on the from Elisa B.
Esahc ..
Esahc ..
Moderator

Sadly this is very disappointing to me Elisa.

Read more
Posted on the from Esahc ..
Daniel W.
Daniel W.
User
Best User of the month EN

German text - for other languages ​​you need Google to translate or a browser addon.

----------------------------------

Ist ja kein Beinbruch, einfach von dieser Webseite ...

>> https://www.w3schools.com/howto/howto_js_accordion.asp

... das letzte Beispiel mit dem Button [ Try it Yourself >>] öffnen und die 3 Abschnitte ...

<style> ... bis ... </style>

<h2>Accordion with symbols</h2> ... bis zum letzten ... </div>

<script> ... bis ... </script>

... kopieren und untereinander ins HTML-Objekt einfügen, dann bei 2. Abschnitt die im Beispiel schwarzen Texte durch eigene Texte ersetzen.

Zur Vervielfältigung der Aufklappabschnitte einfach diesen Teil ...

<button class="accordion">Section 2</button>
<div class="panel">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>

... kopieren und untereinander einfügen.

HTML (inkl. CSS und Javascript) ist einfach, wenn man fertigen Code nur kopieren, einfügen und bei Bedarf etwas abändern muss.

Tipp: Wenn es langsamer auf- und zuklappen soll, dann im 1. Abschnitt bei diese Angaben ...

transition: 0.4s;

transition: max-height 0.2s ease-out;

... die Zeit in Sekunden etwas erhöhen, z.B. auf 0.8s - und vielleicht liefert Incomedia ja doch noch ein einfaches kostenloses Accordion-FAQ-Objekt.

Read more
Posted on the from Daniel W.