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.

Recent accreditations enhance value of lifelong learning offer

Recent accreditations enhance value of lifelong learning offer In today's competitive job market, staying ahead of the curve is essential. The TU Delft Extension School for Continuing Education’s recent accreditations from professional bodies help professionals do just that. Importance of accreditation Accreditation not only affirms the quality of our courses but also their credibility in the educational and professional landscape. For learners, this means an extra aid in career progression. External accreditation ensures our courses and programs are valued by professional associations, providing learners with the confidence that independent bodies recognise the relevance of their education. ― Clelia Paraluppi - Quality Assurance Officer Commitment to excellence The Extension School delivers high-quality online courses designed for professionals in engineering, design, and science. “By emphasising flexibility and accessibility, we enable professionals globally to advance their education without pausing their careers. Our high-standard instruction, course materials, and assessment ensure that our offerings are inherently valuable.” says Maaike van Buul, Manager Business Development. She goes on to explain that, “We continually seek to enhance this value and one way to do that is for courses to be externally accredited.” Maaike van Buul - Manager Business Development Achieving accreditation We recently secured accreditations for Medical Technology courses, adding to existing ones for Water Treatment — fields in which TU Delft excels. Obtaining global accreditation is challenging due to numerous accrediting bodies across sectors and countries. We are therefore pleased to grow the number of accredited courses we offer. This gives learners and their employers a recognised mark of quality regardless of their location. Before granting accreditation, associations thoroughly review: Course learning objectives: alignment with industry standards Assessment: effectiveness in measuring objectives Institution’s profile: credibility and reputation Target audience: relevance to learners’ needs Instructors: expertise and experience Study load: appropriateness for participants Accredited courses signify that our programs meet high-quality standards, reflecting our commitment to excellence. These endorsements are a source of pride and a testament to our educational rigour. Industry perspectives Bart van Straten, an industry expert and prolific lecturer of courses on circularity in the hospital industry, elaborates on the significance of accreditation in professional fields: "Accredited courses are perceived as more valuable, particularly in the medical industries, due to their assurance of quality, employer recognition, potential for career advancement, and transferability of credits. Accreditation sets a standard within higher education that aligns with industry needs and professional standards, enhancing both the individual's qualifications and the industry's confidence." Van Straten also highlights the recognition of accredited courses by employers: "The medical industry inherently values accreditation, as many medical training programs require it. Continuous Professional Development (CPD) accreditation is essential for ensuring the quality, relevance, and recognition of professional training programs. It aligns training with industry needs, providing a minimum education standard and ensuring compliance with regulatory standards. Professionals who follow accredited programs are more likely to be recognised by employers for maintaining high standards of competence and continuous improvement." Bart van Straten - Expert in the field of sustainability and the circular healthcare economy Current course and program accreditations Medical Technology Portfolio - we received accreditation from the following bodies in the listed courses: Dutch Association for Technical Medicine – Nederlandse Vereniging voor Technische Geneeskunde (NVvTG) Professional Certificate Program (PCP): Circular Strategies for Sustainable Healthcare Dutch Association for Sterilisation of Medical Instruments – Sterilisatie Vereniging Nederland (SVN) Professional Certificate Program (PCP): Circular Strategies for Sustainable Healthcare Dutch Association for Specialists in Sterile Medical Tools – Vereniging van Deskundigen Steriele Medische Hulpmiddelen (VDSMH) Circular Strategies for Hospitals Circular Strategies for MedTech Suppliers Biomedical Equipment: A Practical Approach to Health Technology Management Biomedical Equipment: Repair, Maintenance and Healthcare Technology Dutch Association for Hospital Instrumentation Technicians – Vereniging van Ziekenhuis-instrumentatietechnici (VZI) Circular Strategies for Hospitals Circular Strategies for MedTech Suppliers Waste Water and Water Treatment Courses – The Chartered Institution of Water and Environmental Management (CIWEM) accredited the following courses: Aerobic Granular Sludge Technology for Wastewater Treatment Nanofiltration and Reverse Osmosis in Water Treatment High-Rate Anaerobic Wastewater Treatment

Introduction Kevin Rossi: New Team Member Climate Safety & Security Research Center

Kevin Rossi joins as Assistant Professor in Materials Science Engineering the Climate Safety & Security Research Center of the TU Delft | Campus The Hague. We are pleased to introduce Kevin Rossi, who joins us as an Assistant Professor in Materials Science Engineering and plays a central role in the Materials Security flagship at Climate Safety & Security Research Center. Kevin brings a wealth of expertise in computational modeling and artificial intelligence, with a focus on discovering, understanding, and engineering high-performance materials. His work is particularly geared towards applications in green energy and sustainable chemistry, ensuring the materials used are both circular and criticality-conscious. Kevin joined our research centre to amplify the impact of his research by collaborating with colleagues across multiple disciplines and faculties. He is enthusiastic about fostering a two-way transfer of knowledge with representatives from both the private and public sectors, aiming to enable science- and data-driven policies that can address contemporary challenges. “From the stone- and iron- age, to today's silicon and plastic Age, materials science technology defined the welfare of humankind. My work contributes to impact for a better society by identifying solutions enabling the energy transition and strategic autonomy transition that Europe and the Netherlands need to swiftly accomplish.” At the TU Delft campus in The Hague, Kevin's vision extends from the atomic to the planetary level. His work aims to bridge diverse perspectives and stakeholders, identifying common interests and proposing innovative solutions to address material security issues in the Netherlands. This holistic approach not only underscores the critical nature of materials science but also its applicability in policy-making and strategic planning at a national level. We are excited to have Kevin Rossi on board and look forward to the significant contributions he will make toward a more sustainable and secure future through his work at our research centre.

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