1. Trippus Helpcenter
  2. Trippus event app and event pages
  3. Event Pages
General Info about Event Pages New event page builder - "+ Add graphical page" Event page with "one-page" function Event Homepage Create Event Page (Step-By-Step) Preview an event page Create different event pages for different participant categories

Event page with "one-page" function

|
Mia Nordin
Follow

We have launched the possibility to use a script to get a one-page function for the event page if you wish. This gives a more modern layout. You work as usual in the admin for Events pages by creating menu items and connecting them to the category they are to be presented to.

Here's how to get the one-page function:

  1. Left menu - Settings - Layout - box Custom HTML <HEAD> block. 
  2. Here you paste the code below and then click Save at the bottom of the page:
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
    <script src="https://www.trippus.se/support-layout/PG_templates/EP_onepage.js"></script>
    <link rel="stylesheet" href="https://www.trippus.se/support-layout/PG_templates/EP_onepage.css" />
    <script>
    const setBackgroundOnSection = true;
    const showArrow = true;
    </script>

  3. This means that the event page will function as a one-page.
    The background image, background video or background color will then appear as the first block = the menu item you connect first/at the top in the admin on the category.
  4. Uploaded logo must be a PNG file (under Settings - Layout - Image URL for logo)
  5. Primary color and Secondary color under Layout:
    The primary color is visible on the menu headings and used Headings in the CK Editor (the text editor where you write the text).
    The secondary color becomes the background color of every other "blocks"/menu page on the event page faded with the primary color. The text color is automatically controlled against the background color.
  6. If you have a background image or background video where the text is poorly visible, you can use Layout and Background color and it will lay like a transparent color mat on the first block/menu to highlight the text.
  7. We recommend that you work with Headings in the CK Editor when you create your menu elements. The first header used regardless of size will be default centered on the menu page.
    Use Enter after each line to be able to use Heading so the format does not follow to the next paragraph.

    Here is an article on how to create and link menu elements for the event page, which is the same even if you use the above code for one-page: Create event pages - Step by step