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

    • 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 ...

    • 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 ...

    • Getting Started with Q-Cal API

      The Q-Cal API provides you with a wide range of options to develop your own services and features for Q-Cal products. You can also use the API to work with data and functions in Q-Host and Q-Visit. How do I get started? To get started with the Q-Cal ...

    • Q-Cal recommended hardware

      Q-Cal meeting room screens are using an all-in-one screens with LED light around the edges from PRODVX. The screens can be ordered at Fineman and be delivered with Q-Cal installed. Recommended hardware for Q-Cal can be found here. NB. NordicScreen ...

    • How to change the design in Q-Cal

      You can easily change your design in Q-Cal between the designs you already have. 1. When you're on the frontpage of Q-Cal, click on Views. 2. Click on Meeting Room Displays. 3. Find the screen that you want to change the design on and click on the ...