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.

Hiring: Assistant Professor Water Resources Engineering

In collaboration with the Faculty of Civil Engineering and Geosciences, within the Flagship Water Security of our Climate Safety and Security Center (CASS) in the campus of the TU Delft in The Hague, we have a new opening for an Assistant Professor! Are you interested in driving innovation in water systems management and preparing the next generation of engineers for their climate and policy challenges? Apply now! Job description Key job responsibilities include: Education: Organize, initiate and contribute to the development and teaching of graduate courses in our new MSc program Environmental Engineering, fostering connections with other programs. Guide and assess BSc and MSc students, coordinating fieldwork, student projects, assignments and exams collaboratively. Organization: Contribute to organizational / administrative activities and committees focused on education within the Department of Water Management and the Faculty of Civil Engineering and Geosciences. Your involvement will be pivotal in advancing the Flagship Water Security of TU Delft | Climate Safety & Security Center (CASS). Impact: Drive the inception of educational initiatives and assets in launching new research projects with societal impact. Actively engage with government and private partners to increase societal relevance. Because of the joint affiliation with the TU Delft | Climate Safety & Security Center, seize opportunities to collaborate with the public sector, including Dutch Ministries and Policy Advisory Bodies, water management organizations as well as international public policy organizations. Outreach to the broader community and schools is encouraged. Research: Contribute to groundbreaking research in water resources engineering, closely connected to climate safety and security concerns. This role offers collaboration prospects with the Energy, Food, Materials and Human Security flagships within CASS, ensuring international visibility and impact. Requirements We invite you to show in your application how your expertise relates to the demands from the water domain, the safety and security domain and the education domain which this position aims to connect. Furthermore, you: hold a PhD or equivalent degree in water management, environmental science, civil engineering, environmental engineering, or a related discipline; demonstrate affinity with academic teaching across diverse settings, including empirical contexts; possess a solid understanding of the higher education landscape, including diversity and inclusion values; exhibit a track record in delivering high-quality research, as evidenced by your publication record; possess excellent communication skills, you are capable of effectively engaging with peers, students and stakeholders; demonstrate an affinity for, and preferably a proven ability to collaborate with, the public sector. Conditions of employment This position is offered as an Academic Career Track position (0.8 – 1.0 FTE). During the Academic Career Track, we expect you to grow towards an Associate Professor position within a maximum of eight years, for which a position will be available. With other Academic Career Track colleagues, you will participate in the Academic Career Track Development programme, where you are offered ample opportunities to develop yourself in the areas of Education, Research, Societal Impact & Innovation, and Leadership & Organisation. You will regularly discuss your development and results with senior staff based on a personalized development plan and performance criteria agreed upon at the start of your Academic Career Track. You will start with a temporary contract that will be converted to a permanent contract no later than 12 -18 months after a positive evaluation, based on continuous confidence in your development potential and fit in the organisation, Inspiring, excellent education is our central aim. We expect you to obtain a University Teaching Qualification (UTQ) within three years if you have less than five years of teaching experience. This is provided by the TU Delft UTQ programme as part of the Academic Career Track Development programme. TU Delft sets high standards for the English competency of the teaching staff. The TU Delft offers training to improve English competency. If you do not speak Dutch, we offer courses to learn the Dutch language within three years. Salary and benefits are in accordance with the Collective Labour Agreement for Dutch Universities. The TU Delft offers a customisable compensation package, discounts on health insurance, and a monthly work costs contribution. Flexible work schedules can be arranged and you can work partly from home. For international applicants, TU Delft has the Coming to Delft Service . This service addresses the needs of new international employees and those of their partners and families. The Coming to Delft Service offers personalised assistance during the preparation of the relocation, finding housing and schools for children (if applicable). In addition, a Dual Career Programme for partners is offered. The Coming to Delft Service will do their best to help you settle in the Netherlands. TU Delft (Delft University of Technology) Delft University of Technology is built on strong foundations. As creators of the world-famous Dutch waterworks and pioneers in biotech, TU Delft is a top international university combining science, engineering and design. It delivers world class results in education, research and innovation to address challenges in the areas of energy, climate, mobility, health and digital society. For generations, our engineers have proven to be entrepreneurial problem-solvers, both in business and in a social context. At TU Delft we embrace diversity as one of our core values and we actively engage to be a university where you feel at home and can flourish. We value different perspectives and qualities. We believe this makes our work more innovative, the TU Delft community more vibrant and the world more just. Together, we imagine, invent and create solutions using technology to have a positive impact on a global scale. That is why we invite you to apply. Your application will receive fair consideration. Challenge. Change. Impact! Faculty Civil Engineering and Geosciences The Faculty of Civil Engineering & Geosciences (CEG) is committed to outstanding international research and education in the field of civil engineering, applied earth sciences, traffic and transport, water technology, and delta technology. Our research feeds into our educational programmes and covers societal challenges such as climate change, energy transition, resource availability, urbanisation and clean water. Our research projects are conducted in close cooperation with a wide range of research institutions. CEG is convinced of the importance of open science and supports its scientists in integrating open science in their research practice. The Faculty of CEG comprises 28 research groups in the following seven departments: Materials Mechanics Management & Design, Engineering Structures, Geoscience and Engineering, Geoscience and Remote Sensing, Transport & Planning, Hydraulic Engineering and Water Management. Click here to go to the website of the Faculty of Civil Engineering & Geosciences. Water Management The mission of the Department of Water Management is to advance fundamental scientific understanding of the water cycle, and to develop innovative engineering and water management solutions. Our main aim is to help solve key societal challenges related to water systems and their interactions with humans. These societal challenges include the impact of climate change and urbanization on water quantity and quality in natural and engineered systems, environmental and human health risk assessments, as well as the associated adaptation strategies, innovative water treatment technologies to produce clean water, and solutions for resource depletion on food security. Recently, an external research assessment committee rated the Department of Water Management `excellent’ on all three aspects reviewed: quality of research, viability and societal relevance. The department currently has 40+ FTE academic staff and over 100 PhD students and postdocs. This position is embedded in the newly founded interdisciplinary Climate Safety & Security Center (CASS) at TU Delft | The Hague. This center pursues an ambitious and extensive program that considers climate change and stability in an integrative way. It focuses on the flow of the essential commodities water, food, energy and critical materials. The new position plays a crucial role in the flagship Water. To help realize your ambitions, you will receive a generous start-up package including 1 PhD candidate within the scope of the CASS program. You would also collaborate with leading international researchers and have access to TU Delft’s state-of-the-art facilities. Additional information For more information about this vacancy, please contact Remko Uijlenhoet: r.uijlenhoet@tudelft.nl . Application procedure Are you interested in this vacancy? Please apply no later then 11 June 2024 via the application button and upload : A well-crafted motivation letter (1-2 pages) detailing your interest and suitability for the position. Your Curriculum Vitae (CV), highlighting relevant experiences, list of publications and achievements. Your statement on research and education including your view on leadership and commitment to equity and inclusion (maximum 3 pages). Contact information for four referees who could provide insightful recommendations. An abstract of your PhD thesis (1 page). Links to two selected publications that you wish to emphasize. Please note: You can apply online. We will not process applications sent by email and/or post. A pre-Employment screening can be part of the selection procedure. Please do not contact us for unsolicited services.

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