Customize Your Design: A Step-by-Step Guide to Editing HTML in Q-Cal

How to find HTML in Q-Cal

Would you like to personalize your design further?
Then follow this guide to learn how to access the HTML and make the changes.

1. Log in to Q-Cal and click on 'Settings'
Calendar schedule interface showing bookings for various rooms and locations on August 30, 2023, with options for different views and settings.


2. Then click on 'Screen designs'.
Q-Cal interface showing calendar view with bookings and navigation tabs for main menu, design, and screen designs options.



3. Locate the design you want to modify and click on its name.
Screen designs management interface with a list of various named templates, each with designated type, base, creation and update timestamps.



4. Once you're inside the design, click on 'Template (HTML)'
Interface for editing a screen design template named 'Test' with layout preview showing a meeting room schedule for 'DARWIN (1. SAL)' with sample text fields.



5. Here you have the option to modify the code for the design. It's important to have enabled 'Allow changes to HTML template'.
HTML code editor for 'Test' screen design showing the source code with syntax highlighting, including links to fonts and image resources, and dynamic content placeholders.



6. When you're done with coding, click on 'Save'.
HTML code editor displaying the source code for the 'Test' screen design, with tags for headers, images, and tables, including dynamic placeholders for meeting information.



7. And then click 'OK' to finish.
Notification overlay on a HTML code editor for the 'Test' screen design indicating changes have been saved.




tOriginalRemove

    • Related Articles

    • How to create/use Q-Cal Templates for Q-Play Template solution

      How to create a Q-Cal Screen Design. If you want to add a dynamic element to your Q-Play template, we can create a relevant template in Q-Cal. Then we also showcase how the two systems work together. Sign in to Q-Cal. Click on Design Choose a display ...

    • Q-Cal booking app - Advanced

      Instructions on setting up Q-Cal Android app. Note: For references below to “website”, see https://app.q-cal.net/Views/MeetingRooms/ The Q-Cal Android app is compatible with devices running Android 4.1 up to at least Android 8.1. When installing the ...

    • How to find the version of the Q-Cal Booking App

      This guide shows where the Q-Cal Booking app version is located. 1. Go to Views> Meeting Room Displays 2. Each device has a version that can be viewed from the side. If the device has verison below 2.0, updating requires a reset of the device. This ...

    • Where do i find my Booking ID?

      Open https://app.q-cal.net in your browser. Alternatively you can click the booking button in the main menu of Q-play. Click views at the top of the page, find SignageViews on the list and click. Find the SignageView you want to display on your info ...

    • Update from UniteConnectBooking to the Q-Cal booking App - ProDVX

      It is always important that the Q-Cal Booking app on the meeting room screen is updated to the latest version. This guide describes how to update a screen from an old UniteConnect app to the latest Q-Cal Booking app from NordicScreen. This guide is ...