New Features


To top


Dynamic content overview - Card Layout

News and Agenda items are usually displayed in what is called a Dynamic Content Overview. The news / agenda feed on your page is one as well. There are several overview templates available, but there was great demand for a template that displayed the search results in a card layout. This has now been introduced, an example can be seen on the right.

Also, check out more Card Layout display options!

Styling is determined by the available content of the result pages, as well as custom settings in the overview element. All card variations (normal, half height, horizontal, and horizontal half height) are available to choose from, as well as the number of results per row.

Because the overviews are difficult to set up properly, changing from your current template to this new template is not done by editors. Please contact your local content manager to apply for this overview template.

Online meetings while driving: Neither efficient nor safe

Having online meetings while driving your car might seem ideal and time-effective because you can travel to your destination while also attending that appointment. 'But it's also dangerous and unproductive,' says Oscar Oviedo Trespalacios, researcher in human-technology interactions. His research in particularly the risks of crashing due to distracted driving caused by phone use, seeks to prevent these crashes. Distraction has been found responsible for in more than 25% of crashes in various studies. Safe driving requires significant attention to recognize and respond to potential hazards. According to Oviedo Trespalacios, engaging in phone meetings can significantly reduce this focus, as drivers also need to attend to the meeting, diverting their resources. Surprisingly, many drivers are not fully aware of how significantly their driving is impaired by phone use, underestimating the dangers of even brief distractions. In his research, Oviedo Trespalacios also focuses on phone addiction and the compelling nature of social media notifications, which further exacerbate the problem. By developing effective prevention strategies, he aims to reduce distractions from phone use and thereby decrease the number of crashes. Oscar Oviedo Trespalacios Fines and penalties not effective Although fines and penalties for phone use while driving are high, such conventional deterrents have insufficient effect on distracted driving. Therefore, Oviedo Trespalacios also looked at behavioural and technological interventions. Such as educational programmes that raise awareness about the risks of distracted driving. Completely eliminating phone use is very difficult, as phones are useful and ubiquitous technologies, but we can teach drivers skills to better handle potential distractions. Technology can also reduce driver phone use while driving. Equipping cars with technology that helps maintain focus on the road, or apps that disable phone functions while driving, helps drivers deal with phone temptations. Additionally, it is important to keep in mind that phone use is just one way you can get distracted; smartwatches, billboards, etc., are also forms of distraction. This dual approach of developing technology and raising awareness of all distractions contributes to making driving safer, even when distractions arise.’ Social acceptance In the case of holding meetings or business conversations while driving, employers and the broader work environment play a crucial role in this ecosystem of distraction. It is widely accepted and reflects a societal norm that underestimates the dangers of such behaviour. This acceptance raises serious questions about the responsibilities of employers to ensure the safety of their employees. 'Why has it become acceptable to expect employees to be available for calls or meetings while driving, fully knowing the risks involved?' questions Oviedo Trespalacios. It is important to consider that, in addition to the risks of distraction, people driving—a complex task—are not actively participating in the meeting either. Thus, they neither drive safely nor participate meaningfully. Delivery drivers In certain professions, such as delivery drivers, the use of mobile phones is not only encouraged but also required for the performance of their duties. These workers rely on their phones for navigation, communication with customers, and updating the status of their work, making phone use an integral part of their job. This necessity introduces a complex layer to the problem of distracted driving, as it blurs the boundaries between essential use and distraction. It also highlights the need to hold employers accountable for designing job systems that necessitate distraction, essentially putting workers at risk. We need to rethink this issue, and we are working on it at TU Delft. Joint approach needed The complex nature of distracted driving underscores the need for a joint approach to address this problem, involving not only individual drivers but also app developers, employers, and the way jobs, such as that of the delivery driver, are designed. Oviedo Trespalacios: ‘Only by working together can we take steps to reduce distracted driving and the accidents that result from it.’

Organochlorides Mediate Oxidation Reactions Induced by Low Dose Ionizing Radiation

In cancer treatment, there exists an acute need to deliver drugs exclusively at the tumor site. This necessity arises from the adverse side effects associated with systemic treatments and the potential utilization of highly cytotoxic drugs. The use of ionizing radiation to trigger the release of chemotherapeutic drugs holds great promise in this regard, both to achieve local, targeted release as well as in the context of combined radiotherapy-chemotherapy approaches. However, a substantial challenge persists across these methodologies: the inherent insensitivity of molecular processes to ionizing radiation at clinically relevant radiation doses. In simpler terms, inducing selective breaking or making of chemical bonds -essential for drug release or activation- is exceedingly difficult at low radiation doses. To date, only a handful of highly specific methods have been reported. In a collaborative project with prof. Antonia Denkova (RST), where we discovered that certain organochloride compounds significantly amplify radiation-induced oxidation, this can be used to initiate release and activation of drugs. Remarkably, our method already demonstrates efficacy with a mere 4 Gy dose of gamma or X-rays, well within the confines of standard clinical radiotherapy doses. J. Liu, T. G. Brevé, B. Xu, P.-L. Hagedoorn, A.G. Denkova, R. Eelkema Abstract The controlled release of drugs using local ionizing radiation presents a promising approach for targeted cancer treatment, particularly when applied in concurrent radio-chemotherapy. In these approaches, radiation-generated reactive species often play an important role. However, the reactive species that can be used to trigger release have low yield and lack selectivity. Here, we demonstrate the generation of highly oxidative species when aqueous solutions containing low concentrations of organochlorides (such as chloroform) are irradiated with ionizing radiation at therapeutically relevant doses. These reactive species were identified as peroxyl radicals, which formed in a reaction cascade between organochlorides and aqueous electrons. We employed stilbene-based probes to investigate the oxidation process, showing double bond oxidation and cleavage. To translate this reactivity into a radiation-sensitive material, we have synthesized a micelle forming amphiphilic block copolymer that has stilbene as the linker between two blocks. Upon exposure to ionizing radiation, the oxidation of stilbene led to the cleavage of the polymer, which induces the dissociation of the block-copolymer micelles and the release of loaded drugs. Dr. Rienk Eelkema Read the publication

13-17 May | Exhale Week: A week of workshops and events exploring intimacy and relationships

A week of events and activities centered around social connection and relaxation! Four times a year at Exhale we present Exhale Weeks: a week full of activities aiming to stimulate social connection, helping you to recharge and reconnect with yourself and others! The second Exhale Week takes place from 13 to 17 May and invites you to explore intimacy and relationships during a week full of open, honest, and fun events and workshops. Just talking about intimacy and interpersonal matters can be a tricky arena to navigate, let alone putting it into practice. This Exhale Week is all about facing the real stuff: the deep, often unspoken terrains of love, relationships, intimacy, and everything in between . To help us out, we’ve teamed up with experts and curated a diverse and jam-packed programme of events and activities. During this Exhale Week, you can choose between a panel discussion and expert talk with professionals from the fields of psychology and relationships, an acro-yoga workshop, a Drink & Draw art class in self-portraiture, Tarot readings, and much more. And of course, there will be food trucks and drinks! Programme & sign up You can participate in any or all events during the Exhale Week and you do not need an X-subscription to join in . The full programme can be viewed on the Exhale website . Some events require registration and others are open to attend without registration. Want to sign up? You can do that on the website ! Outside Exhale Weeks Outside of the four Exhale Weeks, the programme includes approximately two weekly events and workshops. The Living Room is open every day to all TU Delft students from 12:00, and the Creative Studio is open every weekday evening from 17:00 (also no X-subscription needed!). About Exhale Exhale, a social living room powered by X, runs a lively programme of workshops, events, and get-togethers to facilitate and support social connection, creativity, and relaxation. From 22 January onwards, Exhale is open seven days a week (Mon-Fri 12:00–22:30, Sat-Sun 17:00–22:30) for all TU Delft students to use a space to relax, hang out, and recharge.

To top


Tabs as Grid Elements

What changed?

Tabs were difficult to manage, especially when you wanted to re-use and swap content from other pages. Therefore, the tab element has been redesigned for a more user-friendly interface, a better overview of the embedded content, and the added possibility to cut/paste and reference elements in it.

The old Tab element still exists and is not automatically replaced, but will be phased out. For this purpose, the old version has been disabled for editing. In the following weeks, we'll be changing all existing Tab Elements to Tabs Grids. Should you however come across an old Tab Element and you find yourself unable to edit it, please contact your local content manager.

How can I create a new Tabs Grid?

Tabs Grids are created like all other grids. When creating a new element, under Grid Elements, select Tabs grid. This will place a grid on your page with 5 rows, each row representing one of the tabs.

  • The Header in the first element of each tab will also be the title of that tab. So for instance, in this case, the Header of this text element ('How can I create ...') is adapted as Tab title.
  • You can select a colour theme by editing the Tabs Grid properties; under Appearance, select a theme (see fig.)
  • If you don't put any content in a tab, it will be invisible.

 

Any tips and tricks?

When you don't want to start a tab with a header (for instance, when it's an image), you still need to tell Typo3 which title to use for this tab. You can do so by creating a 'Header Only' element, and under Type, select 'Hidden'. This will not show the header inside your tab, but it will be adopted as Tab title.

 

To top


Youtube video in Header Slider

It is now possible to put a video in the Header Slider on top of any page. 

If you want to add a Youtube video to your header-slider, just paste the youtube URL in the link field of a slide; a play button will be shown on your slide, and a pop-up style video will play when the button is pushed.

Like all slides, this feature also requires you to upload an image.

To top


Full Width page template

This page combines the regular Content page with the Homepage. Its features are identical to the Homepage format in many ways, but it adds the bread crumb on top, so visitors can easily find their way back.

This layout was frequently created with a workaround (Content Page with Left Column, combined with specific element settings), which is why an official option has been included instead. 

To create this layout, go to the page properties, under Appearance, select the Backend Layout 'Content page that is full width'.
(feature renaming can hopefully be included in our next release)

This page is actually an example of this layout. Click 'To Top' to view the breadcrumb.

To top


Special Page template

This is another new page template (see: Full Width page template). This layout is designed for a long-read format, by dividing the screen in two halves; the left one is designated for images, the right one for all content. There is also a special connection between picture and content, enabling a nice scrolling experience.
Try it out!

This layout is particularly useful for magazine-style pages.

To create this layout:

  • go to the page properties; under Appearance, select the Backend Layout 'Special Page' (see fig.).

  • On this new page, create a new element; under Grid Elements, select Special Container (see fig.). This grid consists of two columns.

  • In the left column, you place a 'Special Image' element.
    This is the image that is displayed stationary alongside the scrolling content on the right; when the visitor is at the end of the content in this Special Container, the image will scroll up, and display the next Special Container.

  • In the right column, you place a normal 100% Grid element.

  • In the element properties of this Grid Element, under Appearance, select 'Used for content on special pages..' (see fig.).

  • Inside this 100% grid, you can place all elements to your liking.

The last steps, creating a 100% grid, are necessary to create the Special layout as it was designed. This element layout compresses the width of the elements within - otherwise, the text would run the entire width of the column.

 

To top


Facts and Figures element

This is a new element to display, for instance, facts and figures.

To create this, add a new Fact element inside a grid. Under Theme, select the header colour.
Then, edit the grid properties, go to the tab Appearance, and choose a background colour under 'Theme'.

Please note: the fact element only properly works in combination with this coloured grid background.

What is the coolest new feature?
Fact Element
How many features are in this new release?
40
Number of new features
11

To top


Coloured grid background

The background colour feature for grids can also be used without a fact element. It may for instance be useful for magazine-type pages, to highlight a specific text.

Two layout guidelines:

  • Dont overdo it! These coloured grids are very dominant. Don't create an abstract piece of art.
  • See if you should add top and bottom margins (under Appearance), to prevent the grid from overlapping with other elements. 

To create this, edit the grid properties, go to the tab Appearance, and choose a background colour under 'Theme':

To top


Notification element

This element can be used to draw attention to a certain part of your website, or a call-to-action (for instance, when an application deadline is approaching). You can add one or two buttons. The element is available in all TU Delft theme colours.

To create this, add a new Notification element. Enter a header, text, and theme, and, optionally, one or two buttons. The buttons can either be white or transparent.

Notification element

These are not the only release notes; they are only the new elements. Check out our improvements and bug fixes!

Improvements Bug fixes

To top


Read More-toggle

This option allows you, in a Text element, to hide paragraphs under a 'read more'-line (as seen below).

To create this, in the Rich Text Editor (RTF) of the Text element, stand in the text on the desired location. Click on 'Insert Custom Element', then 'Tudelft', then 'Insert Readmore'. An orange marker will appear in your text.

To demonstrate this, a piece of literary history:

Alice

There was a table set out under a tree in front of the house, and the March Hare and the Hatter were having tea at it: a Dormouse was sitting between them, fast asleep, and the other two were using it as a cushion, resting their elbows on it, and talking over its head. ‘Very uncomfortable for the Dormouse,’ thought Alice; ‘only, as it’s asleep, I suppose it doesn’t mind.’Read more

The table was a large one, but the three were all crowded together at one corner of it: ‘No room! No room!’ they cried out when they saw Alice coming. ‘There’s plenty of room!’ said Alice indignantly, and she sat down in a large arm-chair at one end of the table.

‘Have some wine,’ the March Hare said in an encouraging tone.

Alice looked all round the table, but there was nothing on it but tea. ‘I don’t see any wine,’ she remarked.

‘There isn’t any,’ said the March Hare.

‘Then it wasn’t very civil of you to offer it,’ said Alice angrily.

‘It wasn’t very civil of you to sit down without being invited,’ said the March Hare.

To top


Image side caption

An option has been added to display a caption next to an image. This was a feature in the original design, and works well in storytelling articles.

To create this, go the the element properties, under Appearance, and choose 'Image fullwidth with caption'.
On the General tab, under Description, fill in the caption text.

The caption can now be placed next to the image.

To top