×
Namespaces

Variants
Actions
(Difference between revisions)

Template:Sandbox3

From Nokia Developer Wiki
Jump to: navigation, search
hamishwillee (Talk | contribs)
m (Hamishwillee - - Examples: - add SignpostIcon_Asha_Test90.png as background)
hamishwillee (Talk | contribs)
m (Hamishwillee -)
Line 8: Line 8:
  
 
== Usage ==
 
== Usage ==
  <nowiki>{{SignpostBoxAshaTile</nowiki>
+
  <nowiki>{{Sandbox3</nowiki>''id of video''<nowiki>}}</nowiki>
|title=Your title
+
|link=page name or url
+
<nowiki>}}</nowiki>
+
 
The parameters are:
 
The parameters are:
 
* ''title'': Main title of signpost. Keep very short
 
* ''title'': Main title of signpost. Keep very short
Line 19: Line 16:
 
The optional parameters are:
 
The optional parameters are:
 
* ''itemcount'': (optional) count of items in linked category
 
* ''itemcount'': (optional) count of items in linked category
* ''colour'': (optional) colour of signpost (based on the [http://www.developer.nokia.com/Resources/Library/Design_and_UX/#!designing-for-series-40/series-40-iconography-guidelines/launcher-icon-basics.html UI guidelines]): phone, maps, email, messaging, contacts, conversations, im, accounts, browser, store, photos, videos, games, music, radio, calendar, clock, feeds, documents, apps, calculator, notes, camera, search, settings, guide
+
* ''colour'': (optional) colour of signpost (based on the [http://www.developer.nokia.com/Resources/Library/Design_and_UX/#!designing-for-series-40/series-
* ''icon'': (optional) filename  of icon to display: e.g. fred.png. Should be about 48px square
+
* ''icon-top-position'': (optional) vertical position of icon - required if default not OK
+
* ''itemcount-text-position'': (optional) vertical position of "item count" text
+
* ''text-colour'': (optional) Colour of text - defaults to white
+
* ''tile'': (optional) Image to use for background tile
+
* ''topright'': (optional) If any value is specified the tile move above the TOC. Useful on windows phone portal pages.
+
* ''linkleft'': If specified creates a link to the specified page as a "left arrow"
+
* ''linkright'': If specified creates a link to the specified page as a "rightarrow"
+
  
 
== Examples ==  
 
== Examples ==  
  
{{Sandbox3
+
{{Sandbox3|y8Kyi0WNg40}}
|title=phone
+
|colour=phone
+
}}
+
  
{{Sandbox3
 
|title=maps
 
|colour=maps
 
}}
 
  
{{Sandbox3
 
|title=email
 
|colour=email
 
}}
 
  
{{Sandbox3
 
|title=messaging
 
|colour=messaging
 
}}
 
  
{{Sandbox3
+
</noinclude>{{#if: {{{1|}}}|
|title=contacts
+
<mediaplayer>http://www.youtube.com/watch?v={{{1|}}}</mediaplayer>}}
|colour=contacts
+
}}
+
 
+
{{Sandbox3
+
|title=conversations
+
|colour=conversations
+
}}
+
 
+
{{Sandbox3
+
|title=im
+
|colour=im
+
}}
+
 
+
{{Sandbox3
+
|title=accounts
+
|colour=accounts
+
}}
+
 
+
{{Sandbox3
+
|title=browser
+
|colour=browser
+
|icon=SignpostIcon Asha Web.png
+
}}
+
 
+
{{Sandbox3
+
|title=store
+
|colour=store
+
}}
+
 
+
{{Sandbox3
+
|title=photos
+
|itemcount=6
+
|colour=photos
+
}}
+
 
+
{{Sandbox3
+
|title=videos
+
|colour=videos
+
}}
+
 
+
{{Sandbox3
+
|title=games
+
|colour=games
+
}}
+
 
+
{{Sandbox3
+
|title=music
+
|colour=music
+
}}
+
 
+
{{Sandbox3
+
|title=calendar
+
|colour=calendar
+
}}
+
 
+
{{Sandbox3
+
|title=clocks
+
|colour=clocks
+
}}
+
 
+
{{Sandbox3
+
|title=feeds
+
|colour=feeds
+
}}
+
 
+
{{Sandbox3
+
|title=documents
+
|colour=documents
+
}}
+
 
+
{{Sandbox3
+
|title=apps
+
|colour=apps
+
}}
+
 
+
{{Sandbox3
+
|title=calculator
+
|colour=calculator
+
}}
+
 
+
{{SignpostBoxAshaTile
+
|title=notes
+
|colour=notes
+
}}
+
 
+
{{Sandbox3
+
|title=camera
+
|colour=camera
+
}}
+
 
+
{{Sandbox3
+
|title=search
+
|colour=search
+
}}
+
 
+
{{Sandbox3
+
|title=settings
+
|colour=settings
+
}}
+
 
+
{{Sandbox3
+
|title=guide
+
|colour=guide
+
}}
+
 
+
{|
+
|-
+
|}
+
 
+
 
+
</noinclude>{{#if:{{{topright|}}}|<div class="rightColumnTop" style="margin-left: 20px; padding-bottom:5px; margin-bottom:5px;">{{#if:{{{linkleft|}}}|<div style="position:relative;
+
margin-top: 45px;
+
margin-right: 5px;
+
float:left;
+
display: block;
+
">[[File:{{{tile|WPSignpost-leftarrow.png}}}|link={{{linkleft|}}}]]</div>|}}|}}<div style="position:relative;
+
float:left;
+
display: block;
+
height:100px;
+
width:100px;
+
margin:5px;
+
">
+
[[File:{{{tile|SignpostIcon_Asha_Test90.png}}}|link={{{link|}}}|90x90px]]
+
{{#if: {{{icon|}}}|<div style="position:absolute;
+
left:25px;
+
top:{{{icon-top-position|20px}}};
+
">[[File:{{{icon}}}|52px|link={{{link|}}}]]</div>
+
|<!-- icon not defined, do nothing -->}}
+
<div style="position:absolute;
+
left:15px;
+
right:5px;
+
bottom:{{{text-position|12px}}};
+
color:{{{text-colour|white}}};">{{{title|Title}}}{{#if: {{#pos:{{{link|x}}}|http://}}|[{{{link}}} &nbsp;]|}}</div>
+
{{#if: {{{itemcount|}}}|<div style="position:absolute;
+
right:12px;
+
top:{{{itemcount-text-position|10px}}};
+
color:{{{text-colour|white}}};
+
font-size:1.1em;
+
text-decoration:  none;
+
">{{{itemcount}}}</div>
+
|<!-- item count not defined, do nothing -->}}
+
</div>{{#if:{{{topright|}}}|{{#if:{{{linkright|}}}|<div style="position:relative;
+
float:left;
+
display: block;
+
margin-top: 45px;
+
margin-left: 5px;
+
">[[File:{{{tile|WPSignpost-rightarrow.png}}}|link={{{linkright|}}}]]</div>|}}</div>|}}
+

Revision as of 03:25, 7 May 2013

This template creates a "signpost" which is used on Windows Phone portal pages as a visually attractive high level link to more detailed resources.

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

{{Sandbox3id of video}}

The parameters are:

  • title: Main title of signpost. Keep very short
  • link: Main title of signpost. Ideally restrict to one line


The optional parameters are:

Examples

208 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.

×