Faccordion example fixed

This commit is contained in:
Matko Dodig
2022-01-18 08:59:19 +01:00
parent 71dd0a896a
commit 994f916866

View File

@@ -107,7 +107,7 @@ In addition to previous step, you just have to add the configuration, so wrap th
</script>
NOTE:<br>
Better option is, of course, the first option, since the code is hosted locally and you don't rely on 3rd party services.
The first option is better, since the code is hosted locally and you don't rely on 3rd party services.
### Advanced installation
@@ -260,6 +260,8 @@ For section headers you can use navigation elements of types Header and Link. If
When a page that is a subitem of a menu section is loaded, injected code will automatically expand the corresponding section.
If you want to use Font Awesome icon set, prefix the icon value with fas for Font Awesome 5, or fa for Font Awesome 4. Example: `#00#Demo Section 2#fas fa-home#`.
While configuring the navigation, final result is not visible since injection code is not loaded in the Administration area.
An example of the Navigation as set up in Administration area (left image) and the final result (right image):
@@ -300,7 +302,7 @@ To use it, wrap your items list with `div` element (`id="faccordion"`). Items sh
Example:
<div id="faccordion">
<div class="faccordion">
- ### Item 1
Text
@@ -355,4 +357,4 @@ This code is far from perfect, but it serves my purpose. There are some issues a
- Collapsible menu items: if the same page exists in multiple collapsed sections, all menu sections that are parent of that page wil be expanded when that page is loaded (no workaround: do not use same pages in different collapsible menu sections),
- Collapsible menu items: mistakes in setting up collapsible menu items (hashtags and ordinals) might lead to an unresponsive wiki page. Be careful when setting it up! If pages become unresponsive, open a new window and navigate to Administration / Navigation (<WIKI_FQDN>/a/navigation) and fix errors,
- Accordion: works fine with simple elements, even embedded videos, but it is possible that items might stop automatically expanding/collapsing when using specific HTML code. Also, Accordion does not work when used in Tabs (tabsets),
- Display issues with smaller resolutions/window sizes.
- Display issues with smaller resolutions/window sizes.