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.

4TU Energy grant for Bijoy Bera for research (with UT) on Magneto-Iono-caloric Heat Pumps

Recently, dr. Bijoy Bera (Interfacial Physis Lab/Transport Phenomena Section) received, together with his collaborator dr. Keerthivasan Rajamani (University of Twente), the 4TU Energy grant, which promotes collaborative efforts among the four technical universities of NL to address the energy issues/future of this country. ChemE News sat down with Bijoy for more info. What is a heat pump? Why does NL need them? What’s wrong with the current heat pumps? A pump is a device where we put (electrical) energy to obtain work. Heat pump is where work (together with heat from a source) is supplied to a device to obtain heat, very useful for efficient heating of households. The heating demand for the built environment in the Netherlands alone is expected to be 333 PJ of energy in 2030. As of 2022, 82% of Dutch households still use natural gas for heating. (Traditional vapor compression system) Heat pumps are being increasingly used in Dutch households (if you ask me, not as much as should be), but the major problem is their efficiency, which tends to hover around 40%-50%. How is your research going to improve the situation? Dr. Rajamani (UT) and I are going to investigate, model and design a new type of heat-pump: Magneto-iono-caloric heat pumps. We plan to use magnetic ionic liquids where low strength magnetic field can be used to bring the melting point of a salt down to below the room temperature. The heat of solidification/crystallization of the salt can then subsequently be used as the heat source of the heat pump, which will lead to higher Carnot efficiency. What is the nature of the collaboration in this project? Keerthi (Dr Rajamani) is an expert in magneto-caloric devices where magnetic fields are applied to change the energy input/output of a system. I will bring my expertise of ionic manipulation of energy interactions in a system. Keerthi and I were chatting about our areas of interest about a year ago, and we realized that by combining these two points of interest, we can come up with something unique! Dr. Bijoy Bera Why is this research important? Will this grant be sufficient in that quest? There is right now a strong direction in the Dutch research landscape to contribute to new forms of energy and how to increase efficiency in processes producing these forms of energy. However, classic thermodynamic processes (such as a heat pump) are often overlooked. This grant is a small but timely incentive for us to start the work, and hopefully our results will inspire colleagues to join us and create a platform for something bigger. Sounds interesting! When can we buy magneto-iono-caloric heat pumps for our houses? Not for a little while, unfortunately! But we are talking about years not decades! And once we can make it, it will open many doors for us, not only for household heating, but for renewed faith in novel energy systems!

Understanding the learning process: machine learning and computational chemistry for hydrogenation

Machine learning is being mentioned all around, but can it be applied to modelling homogeneous catalysis? Researchers from TU Delft together with Janssen Pharmaceuticals published an extensive study accompanied by one of the biggest datasets on rhodium-catalyzed hydrogenation in Chemical Science trying to answer this question. Adarsh Kalikadien Evgeny Pidko For more than half a century, Rhodium-based catalysts have been used to produce chiral molecules via the asymmetric hydrogenation of prochiral olefins. The importance of this transformation was acknowledged by a Nobel prize given to Noyori and Knowles for their contributions in this field. Nowadays, asymmetric hydrogenation catalysts are widely used in the pharmaceutical industry, numerous chiral ligands are available to tackle a wide range of prochiral substrates and the reaction mechanism has been extensively studied. Consequently, one would expect that finding the best catalyst for the asymmetric hydrogenation of a new substrate is a trivial task. Unfortunately, this is not the case and a tedious and costly experimental screening is still needed. Adarsh Kalikadien and Evgeny Pidko from TU Delft together with experts in high-throughput-experimentation, data science and computational chemistry from Janssen Pharmaceutica in Belgium decided to investigate whether a well-trained machine could do the job. To their surprise, the machine was actually not able to learn as much as they expected. The idea was to set up a simple model reaction with a well-known rhodium catalyst. Based on the experimental data generated by the high-throughput experimentation team of Janssen, a computational dataset was built to which multiple machine learning models were applied. “We digitalized the 192 catalyst structures and represented them with features of various levels of complexity for the machine learning models,” says Kalikadien, a PhD student in Pidko’s group. "The interesting thing was that all the simpler models, including the random model, showed similar performances as the expensive variant, which intrigued us. It turned out to be an early indication that the machine was not really learning anything useful.” "One of our conclusions was, when tested more extensively, that for an out-of-domain modeling approach, it doesn't matter what representation you put in”. Nevertheless, although the team was not able to build an accurate model, their study was worth publishing. The publication process went relatively smoothly. “Although the first journal we contacted rejected our submission as too specialized, the high-impact journal Chemical Science saw the value of this work. Not many researchers are interested in just seeing the R2 value of a model and then having no possibility to use it, they are probably interested in an in-depth analysis like ours. So we were able to submit our data, code and even interactive figures there for everyone to use.” At the moment there is a big incentive for publishing negative data in order to help the community to assess the true added value of machine learning, since models trained on mainly positive results tend to become very biased. "We made everything open source," says Kalikadien. "Not only is all the data accessible, but we also offer the code including packages and instructions, so that anyone who is interested can do the same type of research." In this way, they have published one of the largest datasets of a certain type of hydrogenation reaction. What's next? "Our representation of the catalyst wasn't as meaningful for the machine learning models as we had hoped, so we are now looking for a representation that may be less simplified but still as simple as possible," says Kalikadien. "Creating a digital representation of your catalyst should not cost way more money than running the actual experiment, so we are trying to incorporate more information from the reaction mechanism into the model without making it too extensive. A more dynamic and hopefully more informative version of the representation." Read the publication Adarsh Kalikadien, Cecile Valsecchi, Robbert van Putten, Tor Maes, Mikko Muuronen, Natalia Dyubankova, Laurent Lefort and Evgeny A. Pidko

Bipolar membranes for intrinsically stable and scalable CO2 electrolysis

The energy transition requires technology to supply sustainable carbon-based chemicals for hard-to-abate sectors such as long-distance transport and plastic manufacturing. These necessary hydrocarbon chemicals and fuels, responsible for 10-20% of the global greenhouse gas emissions, can be produced sustainably by the electrolysis of captured CO 2 using renewable electricity. Currently, the state-of-the-art CO 2 electrolyzers employ anion exchange membranes (AEMs) to facilitate the transport of hydroxide ions from the cathode to the anode. However, CO 2 is crossing the membrane as well, resulting in a loss of reactant and unfavourable anode conditions which necessitates the use of scarce anode materials. Bipolar membranes (BPMs) offer an alternative that addresses the problem of CO 2 crossover but still requires research to match the product selectivity of AEM-based systems. Our perspective, a collaboration between groups of David Vermaas, Tom Burdyny and Marc Koper, published in Nature Energy, assesses the potential of BPMs for CO 2 electrolysis by looking at CO 2 utilization, energy consumption, and strategies to improve the product selectivity. Abstract CO 2 electrolysis allows the sustainable production of carbon-based fuels and chemicals. However, state-of-the-art CO 2 electrolysers employing anion exchange membranes (AEMs) suffer from (bi)carbonate crossover, causing low CO 2 utilization and limiting anode choices to those based on precious metals. Here we argue that bipolar membranes (BPMs) could become the primary option for intrinsically stable and efficient CO 2 electrolysis without the use of scarce metals. Although both reverse- and forward-bias BPMs can inhibit CO 2 crossover, forward-bias BPMs fail to solve the rare-earth metals requirement at the anode. Unfortunately, reverse-bias BPM systems presently exhibit comparatively lower Faradaic efficiencies and higher cell voltages than AEM-based systems. We argue that these performance challenges can be overcome by focusing research on optimizing the catalyst, reaction microenvironment and alkali cation availability. Furthermore, BPMs can be improved by using thinner layers and a suitable water dissociation catalyst, thus alleviating core remaining challenges in CO 2 electrolysis to bring this technology to the industrial scale. Go to the publication Kostadin Petrov Christel Koopman David Vermaas Tom Burdyny Siddharta Subramanian

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