Release Notes: 2017 Q4

Item 1 of 1

New Features

New Features

Improved Features

Bugfixes

Styling of text element

This is a new styling of text elements. It will give the element a white background, a coloured side bar, and a slightly smaller font. It can be useful to visually distinguish content.

In the element properties, under Appearance, select 'Wit met Zijlijn' and choose one of the TU Delft theme colours:

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.

Poll Female Faculty Walks

We are considering organizing regular walks for women faculty members to connect, network, and create a sense of community. Would you be interested in participating in walks with women from your faculty on campus? THE POLL

NWO launches pilot Vidi grants to increase opportunities for talented female researchers

NWO wants to contribute to the growth of the number of women in senior scientific positions. Therefore, NWO will start a pilot in the NWO Talent Programme in the fall of 2024 that is expected to lead to more allocations of Vidi grants to women. If the evaluation committee assigns a similar level of quality to several research proposals, preference will be given to the female candidate (only for proposals around the funding limit). READ MORE

Call | Rathenau Instituut | Nominations Melanie Peters Prize

The Rathenau Instituut calls for nominations for the Melanie Peters Prize. This award is intended for individuals who have enhanced the dialogue on the impact of science, technology, and innovation on society – the core focus of the Rathenau Instituut. Nominations can be submitted until 1 October 2024. The winner will be announced on 14 November 2024. More information here.

David Abbink in RTL Nieuws

Rise of assistance robots at KLM and in healthcare: 'In five years, this will be very normal'

Open catering locations during summer period

See the opening hours here! During the summer period from 1 July to 30 August, several catering locations will be open for a delicious lunch, snack or cup of coffee. From 2 September, all catering locations on campus will reopen according to regular opening hours. View the adjusted schedule below. *locations not on the timetable will be closed during this period.

Scale model of Indian Ocean island allows scientists to assess the impact of rising sea levels

Scientists have built a 50-metre scale replica of a coral reef island to explore how its real-life counterparts might be impacted by rising sea levels. The model has been designed to mimic atoll islands in the Maldives and the Pacific Ocean, thought to be among the most vulnerable parts of the planet as the climate changes. Over the coming two months, it will be subjected to varying wave and sea-level conditions, with its response being intensely monitored using wave sensors, current meters, video cameras and laser scanners. Researchers hope the experiment, combined with fieldwork and numerical modelling, will give them an indication of precisely how the islands might respond if sea levels and the frequency of extreme weather events continue to increase. The experiment forms part of the ARISE project, a five-year £2.8million project led by the University of Plymouth and funded through UK Research and Innovation’s Horizon Europe Guarantee programme. With partners across the world, including organisations in the Maldives and the Pacific, the project is exploring the potential for the world’s low-lying coral atoll islands to survive predicted rises in sea level through natural flooding processes. Professor Gerd Masselink, Professor of Coastal Geomorphology at the University of Plymouth and lead of the ARISE project, said: “ It is virtually impossible to record waves washing over a real atoll island, because the chances of an extreme event occurring on an instrumented island is very rare – you’d have to be instrumenting at least tens of islands spread across the Maldives and the Pacific to ‘catch’ it. This scale model will give us the opportunity to run a controlled series of scenarios and monitor with a range of instruments how the island might respond in a variety of present and future sea conditions. Combined with other measurements from the field, we hope it will give us a clear understanding of if – and how – these communities can survive in future. ” The experiment is a collaboration between the University of Plymouth, Delft University of Technology, and Deltares. It will take place in the Deltares’ Delta Flume, the world’s largest wave flume. Measuring 300m long, 9m deep and 5m wide, and with the ability to generate waves up to 2m high, the flume is the perfect place for this particular experiment. It will also enable the researchers to evaluate the impact of artificial reef structures in reducing the energy of the waves reaching the island shoreline. Such structures are increasingly being used as eco-friendly coastal defences that provide habitats for marine life as well as protecting island shorelines. Dr Marion Tissier, Assistant Professor of Coastal Waves at Delft University of Technology, said: “ Coral reefs naturally protect atoll islands from wave-driven flooding, but unfortunately, they are degrading worldwide. This experiment provides a unique opportunity to investigate the efficiency of reef restoration for coastal protection. Up to 150 eco-friendly, complex-shaped artificial reef structures will be installed on the reef of the scale model, and their effect on the waves will be systematically analysed. The large scale of this experiment is essential, as it allows us to get a realistic picture of how water moves through these complex structures, and thus of how the structures influence the wave field and ultimately flooding at the island. ” Marion Tissier of TU Delft is leading the ‘Coral reef RESToration to reduce island flooding’ (CREST) project. This project is embedded into the experimental program ARISE, led by the University of Plymouth. CREST is funded by the Top consortium Knowledge and Innovation (TKI) Delta Technology. In this project she works together with Deltares, Boskalis and the reef 3D printing startup Coastruction. Read the news article about CREST Suzanna Zwanenburg, project leader of the Deltares Delta Flume, added: “ We have built a scale model of a reef platform with an atoll island in the Deltares Delta Flume. With this unique, experimental facility, we can generate the largest artificial waves in the world, which makes it the perfect place to assess the effect of waves washing over an atoll island. The model is equipped with numerous sensors, which gives us detailed information about the wave heights, velocities and pressures along the reef platform and the overwash over the atoll island. ” The new experiment is being launched weeks after scientists returned from the Maldives, where they deployed more than 80 individual instruments on the island of Dighelaabadhoo as they seek to capture in-depth information about the energetic wave conditions during southwest monsoon season in the Indian Ocean. The measurements generated by the instrumentation will constitute the largest field campaign ever to be staged on an atoll island, and the instruments will remain deployed until August.

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.

View an example!

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.

 

View the new Special Template

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