Component suggestions

Components for a large amount of text

Here are suggestions for components that make text-heavy content clearer and easier to navigate - without overwhelming the user. Don't be afraid to split into subpages if it makes sense thematically. But if everything belongs under one topic, the right components can help create structure, overview and a great reading experience.

Fold Out List

The Fold Out List is integrated directly into the body text and does not have its own heading. It can be inserted in any article text field and is typically used as an extension or elaboration of the body of the page. A read more link can be added to each section.
Fold Out List is suitable for smaller blocks of in-depth content, such as short explanations or additions to the main text. It works best when you want to keep everything in one place and the user needs a little extra - without switching pages or topics.

Accordion

Where have my frontpage news gone?

On SDUnet there will no longer be a dedicated news-box on the frontpage showing your personal news. Instead, you will find your personal news on the news list belonging to your faculty, department or centre.

If your unit does not have its own news list, you have the option to read the general news for all employees at SDU instead.

Where have all my “Favourite links” gone?

On the “new” SDUnet, it is unfortunately no longer possible to create personal links for specific pages, and the links you might have saved earlier have been removed during the transfer of SDUnet.

If you often use specific pages but have a hard time remembering where to find them, we suggest that you bookmark the pages in your browser.

Fold Out Icon Box

Title

Fold Out Icon Box acts as a visual version of Fold Out and allows you to add an icon and background colour. It displays content in foldable sections that the user can open and close themselves. Each section can also contain a read more link. The component can be used in multiple places on the page and customised to the visual expression you want.

Here you can insert a link
Use the Fold Out Icon Box when you want to present text-heavy content in a clearer and more visually engaging way. It is ideal for conveying principles, points, lists or guiding content where the user needs to be able to get an overview and immerse themselves as needed.

Here you can insert a link

Tabs

Tabs are used when you have a lot of content that can naturally be divided into sections - for example, different audiences, phases or themes. The user switches between tabs and each tab can contain all types of components: text, images, videos, fact boxes or links.

Tabs require a little more editorial work than other components because you have to build the content separately in each tab. This requires structure and balance - both in quantity and presentation - so that each tab makes sense on its own and supports the whole. On the other hand, it gives the user a focused and clear experience where a lot of information can be gathered on one page without being overwhelming.

Do you have any questions?

If you have any technical questions, or questions about setup, language etc. please write to the web coordinator at your faculty or SDU Communication - Web. Remember to include the URL and screenshot of the page you need help with.

Search