<?xml version="1.0" encoding="utf-8"?>
<!-- generator="FeedCreator 1.7.2-ppt DokuWiki" -->
<?xml-stylesheet href="http://dev.netvibes.com/doc/lib/exe/css.php?s=feed" type="text/css"?>
<rss version="2.0">
    <channel>
        <title>doc uwa:templates_and_controls</title>
        <description></description>
        <link>http://dev.netvibes.com/doc/</link>
        <lastBuildDate>Fri, 30 Oct 2009 16:24:04 +0100</lastBuildDate>
        <generator>FeedCreator 1.7.2-ppt DokuWiki</generator>
        <image>
            <url>http://dev.netvibes.com/doc/lib/images/favicon.ico</url>
            <title>doc</title>
            <link>http://dev.netvibes.com/doc/</link>
        </image>
        <item>
            <title>Data Grid template</title>
            <link>http://dev.netvibes.com/doc/uwa/templates_and_controls/data_grid?rev=1225212085</link>
            <description>Description


This template is intended for the display of data tables.

Preview




Code

Defined CSS classes


nv-datagrid


Sample code


&lt;table class=&quot;nv-datagrid&quot;&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th&gt;col 0&lt;/th&gt;
      &lt;th&gt;col 1&lt;/th&gt;
      &lt;th&gt;column 2&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;

  &lt;tfoot&gt;
    &lt;tr&gt;
      &lt;td&gt;footer 1&lt;/td&gt;
      &lt;td&gt;footer 2&lt;/td&gt;
      &lt;td&gt;footer 3&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tfoot&gt;

  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td&gt;1&lt;/td&gt;
      &lt;td&gt;line 1&lt;/td&gt;
      &lt;td&gt;line number 1&lt;/td&gt;
    &lt;/tr&gt;

    &lt;tr&gt;
    …</description>
        <category>uwa:templates_and_controls</category>
            <pubDate>Tue, 28 Oct 2008 17:41:25 +0100</pubDate>
        </item>
        <item>
            <title>E-Mail List template</title>
            <link>http://dev.netvibes.com/doc/uwa/templates_and_controls/email_list?rev=1225212153</link>
            <description>Description


This template is intended for the display of e-mails and other kinds of messages.

Preview




Code

Defined CSS classes


nv-emailList
sender
unread
read


Sample code


&lt;dl class=&quot;nv-emailList&quot;&gt;
  &lt;dt class=&quot;unread&quot;&gt;
    &lt;a href=&quot;#&quot; onclick=&quot;return false&quot; title=&quot;Read e-mail&quot;&gt;
    &lt;strong class=&quot;sender&quot;&gt;Sender&lt;/strong&gt; - My e-mail subject #1&lt;/a&gt;
  &lt;/dt&gt;

  &lt;dd&gt;
    &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
      Phasellus condimentum. Phasellus auctor.&lt;/p&gt;
  &lt;/…</description>
        <category>uwa:templates_and_controls</category>
            <pubDate>Tue, 28 Oct 2008 17:42:33 +0100</pubDate>
        </item>
        <item>
            <title>Feed List template</title>
            <link>http://dev.netvibes.com/doc/uwa/templates_and_controls/feed_list?rev=1225212217</link>
            <description>Description


This template is intended for feeds display. It has two rendering modes that can be changed by the user in the screen panel.

Preview




Code

Defined CSS classes


nv-feedList


Sample code


&lt;ul class=&quot;nv-feedList&quot;&gt;
  &lt;li&gt;&lt;a href=&quot;#&quot;&gt;My feed item #1&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;#&quot;&gt;My feed item #2&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description>
        <category>uwa:templates_and_controls</category>
            <pubDate>Tue, 28 Oct 2008 17:43:37 +0100</pubDate>
        </item>
        <item>
            <title>Pager template</title>
            <link>http://dev.netvibes.com/doc/uwa/templates_and_controls/pager?rev=1225212474</link>
            <description>Description


This template is intended for navigation between different pages.

Preview




Code

Defined CSS classes


nv-pager
prev
next
back
numericpages
page
selected


Using JavaScript


You can build the pager dynamically using the UWA.Controls.Pager object. The object has to be set to a few data sources using a JSON object as the argument for Pager().</description>
        <category>uwa:templates_and_controls</category>
            <pubDate>Tue, 28 Oct 2008 17:47:54 +0100</pubDate>
        </item>
        <item>
            <title>Rich List template</title>
            <link>http://dev.netvibes.com/doc/uwa/templates_and_controls/rich_list?rev=1225212268</link>
            <description>Description


This template is intended for the display of lists of rich items made of:

	*  a title
	*  a description

Preview




Code

Defined CSS classes


nv-richList
item
odd
even
description


Sample code


&lt;div class=&quot;nv-richList&quot;&gt;
  &lt;div class=&quot;item even&quot;&gt;
    &lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Item #1&lt;/a&gt;&lt;/h3&gt;
    &lt;p class=&quot;description&quot;&gt;
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit.   
      Phasellus condimentum.
    &lt;/p&gt;
  &lt;/div&gt;

  &lt;div class=&quot;item odd&quot;&gt;
    &lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Item #2&lt;/…</description>
        <category>uwa:templates_and_controls</category>
            <pubDate>Tue, 28 Oct 2008 17:44:28 +0100</pubDate>
        </item>
        <item>
            <title>TabView control</title>
            <link>http://dev.netvibes.com/doc/uwa/templates_and_controls/tabview?rev=1254744724</link>
            <description>Description


This control is intended for the creation of tabs, each with its distinct content.







Preview




Code explanation


The path to implementing tabs for your widget follows a few standard steps...

	*  instantiate the UWA.Controls.TabView object ;
	*  define each of your tab using the addTab() method ;
	*  have your widget watch out for the 'activeTabChange' in order to trigger code at the right moment :</description>
        <category>uwa:templates_and_controls</category>
            <pubDate>Mon, 05 Oct 2009 14:12:04 +0100</pubDate>
        </item>
        <item>
            <title>Thumbnailed List template</title>
            <link>http://dev.netvibes.com/doc/uwa/templates_and_controls/thumbnail_list?rev=1225212388</link>
            <description>Description


This template is intended for the display of lists of rich items, each item being made of:

	*  a title
	*  a description
	*  a picture


Please note that a thumbnail's style is fixed in the provided CSS, with the properties float: left and width: 92px, among others. The positioning of the text is also fixed.</description>
        <category>uwa:templates_and_controls</category>
            <pubDate>Tue, 28 Oct 2008 17:46:28 +0100</pubDate>
        </item>
    </channel>
</rss>
