Sunday, 26 February 2017

LuxCal 'Display' Page

“we don't like problems, we solve them”

Calendar Displays

Since LuxCal version 4.5.1 a number of so called "displays" have been developed for the calendar. A display in this context is a single-file program, which can be embedded in your web page using an inline frame (<iframe>), presenting the calendar events in an attractive user interface. Displays can also be viewed on mobile devices and will show the calendar events in a fancy user interface without the overhead of headers, bars and buttons.

Embedding a display in your web page is very easy; it's just a matter of inserting an inline frame in your web page with a link to the desired display file, which must be located in the calendar root folder. To view a display on your mobile device, nothing needs to be done; make sure the desired display is located in the calendar root folder and on your mobile device just browse to the display file installed on your server.

Displays work out of the box and are highly configurable. Each display program file has an easy to use configuration section, which allows you to specify which events and event fields should be shown and to tailor the user interface colors and text. Displays use the calendar settings, like date format, time format, first day of the week, etc.

Below you will see a demonstration of the displays which are currently available. More displays will follow in the future. They are not difficult to make. You may suggest a lay-out for a new display to the LuxSoft team.

For more examples of and further inspiration have a look at the Calendarforum Website and get your QR-code scanner ready!

Currently available Displays


Display1 was suggested by John, the best LuxCal beta-tester of the universe, and is used on the website of the Bramming Egnsmuseum in Demark.

Specialty: Images in extra field 1 are floated left and images in extra field 2 are floated right. If in the same extra fields 1 or 2 a URL is found, then the corresponding image will become a hyperlink to this URL.

You can add events by clicking a date and you can edit an event by clicking its title.


Display2 has been specially designed for mobile devices. If you enter the following URL in the browser of your smart phone, you can see what it lookes like without the overhead of the bells and whistles of the parent page:

You can add events by clicking a date and you can edit an event by clicking its title.

mini calendar (display0)

The one month interactive mini calendar shown on the LuxCal Demo page has been converted into a display with a much more flexible user interface styling. Like the other displays it is self-contained; the styles and settings are specified in the header part of the file.

Like in the full-size calendar, hovering over events (squares) will trigger a popup box with the specified event details.

When enabled, visitors can add, edit and delete events without opening the full-size calendar, which makes it a powerful interactive tool.

In this demonstration mini calendar event posting is enabled. You can add events by clicking the top bar in the day cells and you can edit and delete events by clicking the event square. Try it! Once you have added, edited or deleted an event, the change will be reflected directly in the mini calendar.

In the footer of the calendar RSS feeds are available and when a visitor selected "previous month" or "next month", a hyperlink to today's month will appear.