×
Namespaces

Variants
Actions

Template:SignpostBox

From Nokia Developer Wiki
Jump to: navigation, search

This template creates a "signpost" which is used on some key portal pages as a visually attractive high level link to more detailed resources. This is a wiki implementation of site-wide style design, as captured here: http://www.developer.nokia.com/Styleguide/#exampleFragment

Internal use only.

Underconstruction.pngUnder Construction: This article is under construction and it may have outstanding issues. If you have any comments please use the comments tab.

This is intended for use by Nokia Developer Moderation.

Usage

{{SignpostBox
|min-height=280px
|icon=QtLogoSignpost.png
|icon-size=52px
|title=Qt Project|subtitle=Cross-platform app and UI framework
|text=A description of what this signpost is for.
|link=[http://qt-project.org/ Link to qt-project.org]}}

The parameters are:

  • title: Main title of signpost. Keep very short
  • subtitle: Main title of signpost. Ideally restrict to one line
  • text: (Optional) Description for signpost
  • min-height: minimum height of box, used for aligning bottom of boxes. Default is "minimum of contained text"
  • icon: Filename of icon to display for signpost (e.g. "QtLogoSignpost.png". By default is shrunk to 50px).
  • icon-size: (Optional) Size of icon - by default is 50 px
  • link: Link text for box (specify full link in wiki text). Additional links can be added using link1, link2 to link5
  • wrapper: Has nice bar over top - if (anything) defined then bar is used
  • colour: Colour of the wrapper - e.g. border-blue. You do not need to define both wrapper and colour - wrapper will however use a default colour

Note that the width is defined by the parent element, and will usually be a div as defined by the styleguide.

Examples

QtLogoSignpost.png
Qt Project
Cross-platform app and UI framework
Qt is a cross-platform application and UI framework for developers using C++ or QML, a CSS & JavaScript like language.

Qt, Qt Quick and the supporting tools are developed as an open source project governed by an inclusive meritocratic model.

Appearance

The default template (with no parameters) renders as shown below:

Specify title
This page was last modified on 26 June 2012, at 07:34.
37 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×