Sorted by subject

Add and create widgets

POSITION

Next to the content (white box), widgets can be included. These are comparable to the 'banners' in the old design. The widgets can be inserted to the right of the content box and, once this space is filled, can also go under the content box (blue boxes).

       

TYPES OF WIDGETS

Widgets are offered in two ways:

  • UT_Centraal: Central UT widgets everyone can reuse (e.g. widgets for buildings). These widgets you cannot edit yourself, but you can include them on every page.
  • Own widgets: you can create and edit these widgets yourself.

IMPLEMENTATION

Widgets are generally also copied to all child folders and pages (waterfall model). This means that you can use widgets at website level, which will then be implemented in all pages within that website (blue in the framework). Next, you can make exceptions to any of the child levels. The alterations will then again be implemented in all subsequent child pages (green and yellow).

CREATING YOUR OWN WIDGETS

Before a widget of this type can be added to a page, the widget needs to be created. To do so, you first create a new widget folder (via New Folder) at the main level of the website. The widgets you create in this folder can be used throughout the website.

  1. In the widgets folder you have created, you can create new widgets by clicking New file.
  2. Select the desired widget (see the explanation below) and give the widget a Name.
  3. Click OK.
  4. Double-click the widget you have created.
  5. Edit the contents of the widget.

You can add the widget in the Widgets tab in the Properties window of a folder or page. You can choose between centrally offered widgets and the widgets you created locally.

THE VARIOUS WIDGETS

The list of widgets is long, but many widgets can only be used on specific websites. Those most frequently used - i.e. those which everyone can reuse - are as follows:

Widget

Items you can use (*= optional)

Awards


  • Slash label
  • Widget title
  • Multiple items possible:
    • Photo
    • Name of the award
    • Name of the person
    • Title of the person *
  • Link title *
  • Link URL *

Contact


  • Slash label
  • Title
  • Choice: standard UT address or own data
  • Postal address *
  • Campus location *
  • Telephone number *
  • Fax number *
  • Email address: *
  • LinkedIn URL *
  • Facebook URL *
  • Twitter URL *
  • Issuu URL *

Contact person


  • Photo (above or next to the name)
  • Name
  • Title (above or below the name)
  • Position *
  • elephone number *
  • Email address
  • LinkedIn URL *
  • Call-me-back form *

Did you know


  • Text

Downloads and links


  • Slash label
  • Title
  • Description *
  • Multiple items possible:
  • Download
    • Label
    • File
    • Link
    • Label
    • URL

Institute


  • Image
  • Title
  • Full name
  • Link

Issuu


  • Slash label
  • Title
  • Description *
  • Issuu configid **
  • Issuu height **

** To be taken from Issuu, click "Embed" when you view a publication in Issuu and copy the data from the "Embed code"

C:\Users\ONLINE~1\AppData\Local\Temp\SNAGHTML5226c3.PNG

Map


  • Image
  • Coordinates
  • Name of location
  • Address *
  • Telephone number *
  • Email address: *

Media


  • Slash label
  • Title
  • Description *
  • Choice: wide or narrow (1 or 2 columns)
  • Choice: no link, internal or external link
  • Link label
  • Multiple items possible:
    • YouTube
      • ID (use )
    • Vimeo
      • ID (use )
    • Image
      • Alternative text

Image


  • Image
  • Title *
  • Choice: wide or narrow (1 or 2 columns)

Phone directory


  • Slash label

Quote


Multiple items possible:

  • Quote
  • Additional text *
  • Choice: no photo, round photo or photo covering the full width of the widget)
  • First name *
  • Family name *
  • Title
  • Choice: title before or after the name
  • Choose from: student, lecturer, alumnus/alumna, other
  • Education *
  • Educational institution *
  • Year *
  • LinkedIn URL *
  • Facebook URL *
  • Read more URL *
  • Photo

Twitter


  • Height *
  • Multiple items possible:
  • Mention
  • From
  • Hashtag


Facebook like bo


  • Facebook URL

Events


  • Slash label

Please note: this widget only works if your site is part of the UT news/events application; request via onlinemedia@utwente.nl

News


  • Slash label

Please note: this widget only works if your site is part of the UT news/events application; request via onlinemedia@utwente.nl