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.

Wijkuniversiteit als boegbeeld voor een maatschappelijk betrokken TU Delft

“Wat echt fantastisch zou zijn’, mijmerde Pieke Hoekstra, hoofd van het team Community Engagement and Outreach, twee jaar geleden met een collega van de Haagse Hogeschool: Een wijkuniversiteit. Een serieuze plek in een wijk die heel anders is samengesteld dan onze campus, waar kinderen en jongeren kunnen profiteren van een netwerk van studenten en docenten en waar ze in aanraking komen met de nieuwste technologieën. Een plek waar universiteit en bewoners elkaar ontmoeten, van elkaar leren en waar bewoners vooral ook zelf mogen bepalen wat voor activiteiten belangrijk zijn in de wijk. Een wild idee dat de afgelopen twee jaar niet meer uit het hoofd van Hoekstra te krijgen was. Ze begon het idee overal te delen, met collega’s, organisaties in de wijk en de gemeente. Het lijkt nu werkelijkheid te worden via de Regio Deal Delft-West. Als alles goed gaat, zijn er vanaf januari 2025 middelen beschikbaar om de wijkuniversiteit daadwerkelijk tot leven te brengen. Bijdragen aan kansen voor kinderen en jongeren Maar wat is dat dan, die wijkuniversiteit? Momenteel nog volop een verkenning. “We zijn nog op zoek naar de juiste organisatievorm, een fysieke plek en de invulling van het programma”, vertelt Hoekstra. “Juist hier willen we af van de aanname dat de universiteit als enige alle kennis en oplossingen heeft. Daarom werken we samen met hogescholen en mbo’s, maar ook met verschillende maatschappelijke organisaties in Delft-West, waar de wijkuniversiteit moet gaan komen. De allereerste vraag is nu: Wat hebben buurtbewoners nodig, wanneer draagt een wijkuniversiteit bij aan de toekomstdromen van hun kinderen en welke activiteiten passen daar wel en niet bij? We willen echt bijdragen aan de kansen voor kinderen en jongeren.” Als voorbeeld noemt ze de Presikhaaf University in Arnhem. Dit is geen ‘echte’ universiteit zoals wij die kennen, maar een succesvol programma voor jongeren in de wijk Presikhaaf. Ze werken aan gelijke kansen en ontwikkeling voor alle jongeren en “ronselen” naar eigen zeggen “voor een betere wereld”. Wat Hoekstra hier zo goed aan vindt is de co-creatie tussen jongeren en Arnhemse organisaties. “Het Openluchtmuseum bijvoorbeeld geeft niet simpelweg een paar vrijkaarten. Presikhaaf University ontwikkelt met hun jongeren in co-creatie en via design thinking een plan om ook voor hen tot een aantrekkelijk museum te komen. Ook kwamen ze met een voorstel bij de gemeente om nieuwe straatnamen te maken, gebaseerd op de helden van de jongeren.” Gelijkwaardig participeren Ook Imperial College in Londen is een inspiratiebron voor Hoekstra. “Met het Young People Program ontwerpen jongeren uit bepaalde buurten, onder begeleiding activiteiten die op grote festivals van het Imerpal College echt worden gelanceerd. De jongeren worden gelijkwaardig behandeld en krijgen voor hun inspanning betaald, wat ontzettend goed is voor hun zelfvertrouwen en eigenwaarde. Het team van Hoekstra bevat sinds een aantal maanden twee kennismakelaars, die de banden met zowel die buurten als de andere kennisinstellingen verstevigen. De ogen zijn gericht op Delft-West (de wijken Tanthof-West, Buitenhof en Voorhof). Dit is geen toeval. Deze wijken zijn onderdeel van het Nationaal Programma Leefbaarheid en Veiligheid, waarmee de rijksoverheid de toekomst van bewoners wil verbeteren. De gemeente Delft investeert de komende twintig jaar in deze wijken, om bewoners dezelfde kansen te geven op het gebied van wonen, gezondheid, werk en onderwijs. Meerwaarde voor TU Delft Maar wat heeft de TU hieraan? Waarom tijd en moeite investeren in een wijkuniversiteit, die nog niet eens een duidelijke vorm heeft? “Allereerst gaat het hier om kansengelijkheid” zegt Hoekstra. “We hebben de kans iets wezenlijks bij te dragen aan de ontwikkeling van kennis, talent en het netwerk van jonge mensen in onze stad”. Dit lijkt ook de perfecte lokale invulling van impact for a better society: echte impact, gericht op een specifiek deel van de maatschappij. Daarbij streeft de TU Delft naar civic engagement, zoals in het strategisch framework te lezen is. We leiden maatschappelijk betrokken ingenieurs op, die uit hun bubbel leren komen en samenwerken in de echte wereld met echte vraagstukken vanuit de maatschappij om ons heen. Tegelijk willen we ook een relevante bijdrage leveren aan onze directe omgeving. De wijkuniversiteit heeft de potentie om deze bijdrage te worden.” Pieke Hoekstra, initiatiefnemer van de "Wijkuniversiteit"

Colleague dr. Jan Willem Foppen (1965–2024) passed away

A life dedicated to groundwater contaminant transport research & education On June 24 th , 2024 Jan Willem Foppen passed away at the age of 58. Jan Willem was a widely recognized and appreciated specialist on groundwater contaminant transport, especially of colloids, an excellent and beloved lecturer and mentor, and a dear friend to many in the hydrology community. Jan Willem received his education at Vrije Universiteit (VU) Amsterdam and obtained his MSc-degree in hydrogeology. Until 1998 he worked at the VU and Institute for Applied Geosciences, TNO, on a wide variety of hydrological projects. In 1995, he stepped into the life-changing adventure as a resident hydrogeologist working in Yemen. Here, he was responsible for the drinking water supply in the Sana’a region. His multi-talent was shown here: he organized, planned and performed the fieldwork, data collection, and groundwater modelling all by himself. He was deeply concerned about the overexploitation of the groundwater resources (mainly due to qat irrigation) and the fast decline in groundwater quality. He loved working in Yemen. Therefore, in 1998, he joined IHE Delft and stayed until 2000 in Yemen as a resident advisor for Sana’a University. He established the Water & Environment Centre and worked on the MSc program on Water and Environment. Back in Delft, he joined the hydrology group of IHE and ran a wide range of training and expert panel projects in the Middle East region. In this period, his enthusiasm for science grew, and he started to work on E. coli transport in groundwater systems. Although the application focused on the Sana’a basin, he wanted to understand the behavior of E. coli in saturated porous media fundamentally. He performed numerous laboratory experiments and often managed to stay through the night in the IHE laboratory. This resulted in his very well received PhD in 2007. Jan Willem was an experienced educator. He developed, coordinated and taught a wide variety of courses, workshops and MSc programs. He was passionate about bringing students to the field, especially to Southern France, and confronted them with hydrology in practice. Hydro(geo)logy was not a science that could be taught in class only; this was his motto. He supported active learning and self-efficacy of students to achieve goals by believing in themselves. He had the capacity to let students and colleagues grow! Jan Willem continued cutting edge, creative research on colloid transport in porous media with MSc students and PhD students. He wanted to understand the underlying complex processes in particle transport, which made him shift his focus from water resources to more fundamental research. It made him move to TUDelft part-time in 2021 and full-time in 2023. Here, he managed to bridge disciplines, pro-actively stepped forward to assist with fieldwork and excursions and helped many of the younger and experienced staff alike with project proposals, research designs, interpretation of experimental results and manuscript writing. He was an excellent writer, a master in writing lean, clean and to-the-point scientific articles. He rigorously deleted speculations or unsupported ideas. Those were for new lab experiments. Jan Willem was a dedicated scientist with the highest standards of research and scholarship. He expected to give the best one could: for himself, his colleagues and his students. Determined, driven, direct, and opportunistic, Jan Willem would give a lot to his students and expect no less in return, but he always could retract and support you as much as needed. We want to express our deepest condolences to his family and friends, and we wish them strength in these difficult times. We will dearly miss Jan Willem and his boundless enthusiasm, scientific knowledge, positive attitude and humour. With Jan Willem, we have lost a wise, bold, helpful, hard-working, genuine, creative, and super honest 58-year young mentor, colleague and friend. Profile Jan Willem Foppen (1965) received his M.Sc. degree in Hydrogeology from the VU University in Amsterdam in 1990. He worked for Natuurmonumenten, Dienst Grondwaterverkenning TNO, the Institute of Applied Geosciences of TNO, and since 1998 for IHE Delft. Intrigued by poor groundwater health conditions in various developing countries, Foppen focused on the transport of the fecal indicator organism Escherichia coli in saturated porous media, whereby the aim was to extend the colloid filtration theory. Over the years, his interest focused more on the transport of colloids in groundwater and surface waters. Since 2016, he worked on silica DNA tracers. In search of new tracer substances to identify hydrologic processes, Foppen and his team used synthetic DNA in groundwater and surface water injection experiments. Synthetic DNA is a small piece of 'organic matter', 100% natural, and completely harmless. Detection of these synthetic DNA molecules is carried out by the polymerase chain reaction (PCR), a method widely used in molecular microbiology, biomedical research, forensic diagnostics, etc. Besides the transport of bacteria and silica DNA tracers, his research interests include water and sanitation in slums in Sub-Saharan Africa. In 2023, he arrived at TU Delft. His research interests address environmental water quality issues with a focus on: artificial DNA, either free or encapsulated, as a marker to study mass transport processes in hydrology; groundwater safety and the transport of bacteria and viruses in groundwater and surface water systems; fate of colloids, like plastics and engineered nanomaterials in environmental waters; water and sanitation in slums in sub-Saharan Africa (T-GroUP website, SCUSA website). Since March 2024, he had the ius promovendi.

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