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