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.

ENHANCE Diversity Office officially inaugurated + Roadmap published

We are thrilled to announce the official inauguration of the ENHANCE Diversity Office (DO), a pivotal step towards fostering Inclusion, Diversity, and Equity (IDE) within our community. The launch of the ENHANCE DO underscores our commitment to cultivating a safe, critical, and fair environment. The DO is led by dedicated specialists from all ten member universities. Members of the ENHANCE Diversity Office during the ENHANCE+ Kick-Off in February 2024 in Berlin (from left to right): Silvia Barattieri (PoliMi), Sadaf Nadimi (TU Delft), Hanna Wolf (ETH Zurich), Maria Saline (Chalmers), Katrin Feldmann (RWTH Aachen), Kathrin Philipp (TU Berlin), Melih Özkardeş (RWTH Aachen – Head of the DO), Janet Overland (NTNU), Hossein Ghami (Gdańsk Tech) und Ulrich Schutz (ETH Zurich) Sadaf Nadimi (TU Delft member of Work Package ‘Diversity, Impact and Dissemination’) has been a great contributor to the recently introduced ENHANCE Road Map for IDE . With this Road Map as our guiding compass, we are embarking on a journey towards a more inclusive future. Sadaf Nadimi: “The roadmap serves as a valuable tool for us to gain insight into our current and forthcoming projects. It enables us to identify potential synergies with other work packages, thereby enhancing our ability to maximize our impact. We can draw inspiration from the roadmap for future projects in our local office at TU Delft.” To find out more about ENHANCE’s work on Inclusion, Diversity and Equity, sign up for the monthly Diversity and Impact newsletter to stay up to date with all developments, or visit the ENHANCE Diversity Hub .

TU Delft joins forces with European lifelong learning network

TU Delft joins forces with European lifelong learning network The TU Delft Extension School for Continuing Education is thrilled to announce that the university has joined EUCEN. Membership of the European Universities Continuing Education Network allows us to work with other universities that are also dedicated to maximising impact on society through the power of lifelong learning. Championing Openness in Education Being part of EUCEN provides yet another valuable platform for one of our key principles: openness. Openness is at the very core of what we do, as we strive to make our education accessible to as many people as possible worldwide. We are also committed to sharing educational resources, course design insights and pedagogical methodologies with other universities and educational institutions. We are excited to contribute to the collective efforts of eucen in the pursuit of excellence in continued education, “ said Director of the Extension School for Continuing Education, Willem van Valkenburg. “ We look forward to playing an increasingly significant role in shaping the future of lifelong learning. Contributing to a prestigious network Having celebrated 10 years of the Extension School this year, and 10 years of delivering continuing education to professionals worldwide, we look forward to actively contributing to the exchange of ideas and best practices. We are recognised as leaders in Lifelong Learning in Europe which was underscored more recently by Prof. Luc Sels, Rector of KU Leuven who commended our efforts as “the best example of what we could aim for on the European continent” during his keynote address at the European Lifelong Learning Conference in Brussels. Championing Openness in Education Being part of EUCEN provides yet another valuable platform for one of our key principles: openness. Openness is at the very core of what we do, as we strive to make our education accessible to as many people as possible worldwide. We are also committed to sharing educational resources, course design insights and pedagogical methodologies with other universities and educational institutions. Innovating Lifelong Learning Design Our very own learning developer, Tracey-Lee Davis will be leading a panel session during EUCEN’s Global Lifelong Learning Week on Redefining Design and Delivery for Lifelong Learners. She will explore the ways in which lifelong learning has to adapt to meet the diverse needs of all learners, considering their unique circumstances, needs, means and responsibilities. Influencing European Education Policy We look forward to actively participating in European Education and Lifelong Learning policymaking, and exploring how we can play a role in decision-making in Brussels. This involvement gives us direct insights into new developments, enabling us to make informed decisions that keep us adaptable to the evolving skill requirements of individuals and organisations across Europe and beyond. Photo by RDNE Stock project

2024 Grantees introduction

We are happy to announce that 5 projects have been awarded the 2024 Indian Institute of Technology Delhi & TU Delft Collaborative Research Call seed funding. These grants foster scientific and technological cooperation between researchers at our two institutions and thus our strategic partnership. The TU Delft & IIT Delhi call funds the initial phase of joint international research collaborations with clear expectations that the researchers will submit a follow-up research proposal that continues the research started and consolidates the research partnership. Thus far in 2022 and 2023 grants projects funded in the areas of decarbonization, lunar rovers, climate policy models, battery technology, green hydrogen, water pollution & purification, materials science and organic agriculture. The 2024 grantees are: Climate Adaptation Digital Twin Dr. Ranjith Kuttantharappel Soman ( TU Delft) & Dr. Ann Francis (IIT Delhi) The project aims to develop and test digital twins—virtual models of buildings—that adapt dynamically to climate changes to plan for resilient energy efficient built environment. By integrating real-time data and predictive models on how climate impacts buildings, these digital twins will serve as living labs, allowing for continuous testing and refinement of strategies to improve building resilience and sustainability. It merges digital twins technology with practical applications such as building control, promising significant advancements in the design and operation of climate-responsive buildings. Insights into Metal Halide Perovskites Dr. ir. Tom J. Savenije (TU Delft) & Dr. Dibyajyoti Ghosh (IIT Delhi) Thanks to their excellent photophysics, metal halide perovskites are promising semiconductors for application as absorber layers in optoelectronics, including solar cells. However, these materials degrade due to ion motion under operating conditions. We will combine experimental and computational techniques to study the relationship between structure and ionic motion in MHPs in order to improve stability. Study on Bioresorbable Stent Dr. Nikolina Šoštarić (TU Delft) & Dr. Sachin Kumar (IIT Delhi) Controlling surface properties of stent materials used in atherosclerosis treatment is essential for reducing blood cell adhesion to the stent and, therefore, preventing potentially life-threatening thrombosis. In the TU Delft part of this project, we will employ molecular dynamics simulations to gain insight into the dynamic behavior of blood proteins when in contact with stent materials of different physicochemical properties. This advancement of fundamental understanding of stent-blood proteins interactions at a molecular level will aid in the future rational design of stent materials. Research on Electric Vehicle Transition Prof. Lóránt Antal Tavasszy (TU Delft) & Dr. Lokesh Kalahasthi (IIT Delhi) Achieving emission-free urban freight transport is an important step to enhance the quality of life in cities. The key objective of the project is to design data-driven modelling approaches to facilitate the efficient transition to electric vehicles for freight transport. Comparative studies will be done for cities in India and The Netherlands on demand and typology for electric trucks, including the creation of appropriate charging infrastructures. Image produced with Bing image creator Design Education Dr. Sam Franklin (TU Delft) & Dr. Saurabh Tewari (IIT Delhi) The project will examine the historical evolution of sustainable design education at IITD and TUD, identifying commonalities, differences, and specific connections (e.g. personnel, key texts, conferences and events) between the two institutions and regions. This will contribute to a better understanding of the current concept of sustainability in design and technology, as well as uncover problems, possibilities, and roads not taken for education.

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