err.no Git - sope/blob - sopex/Samples/WOxExtTest/TabView.wox

   1 <?xml version='1.0' standalone='yes'?>
   2 <var:component className="Frame" title="name"
   3            xmlns="http://www.w3.org/1999/xhtml"
   4            xmlns:var="http://www.skyrix.com/od/binding"
   5            xmlns:const="http://www.skyrix.com/od/constant">
   6
   7   Clicks: <var:string value="clicks"/><br />
   8
   9   <var:tabview selection="selection" bgColor="bgColor"
  10                const:leftCornerIcon  = "corner_left.gif"
  11                const:rightCornerIcon = "corner_right.gif">
  12
  13      <var:tab const:key="news" const:label="news tab"
  14               isScript="useJavaScriptTabs"
  15               const:tabIcon         = "tab_news.gif"
  16               const:selectedTabIcon = "tab_news_selected.gif"
  17               const:leftTabIcon     = "tab_news_left.gif">
  18        content of <b>news</b> tab
  19        <a var:action="increaseClicks">click</a>
  20      </var:tab>
  21
  22      <var:tab const:key="persons" const:label="persons tab"
  23               isScript="useJavaScriptTabs"
  24               const:tabIcon         = "tab_persons.gif"
  25               const:selectedTabIcon = "tab_persons_selected.gif"
  26               const:leftTabIcon     = "tab_persons_left.gif">
  27        content of <b>persons</b> tab
  28        <a var:action="increaseClicks">click</a>
  29      </var:tab>
  30
  31      <var:tab const:key="projects" const:label="projects tab"
  32               isScript="useJavaScriptTabs"
  33               const:tabIcon         = "tab_projects.gif"
  34               const:selectedTabIcon = "tab_projects_selected.gif"
  35               const:leftTabIcon     = "tab_projects_left.gif">
  36        content of <b>projects</b> tab
  37      </var:tab>
  38
  39   </var:tabview>
  40
  41   <hr />
  42
  43   <var:tabview selection="selection" bgColor="bgColor"
  44                const:fontSize="3" const:fontColor="#000000"
  45                const:leftCornerIcon  = "corner_left.gif"
  46                const:rightCornerIcon = "corner_right.gif">
  47
  48      <var:tab const:key="news" const:label="news"
  49               isScript="useJavaScriptTabs" const:asBackground="1"
  50               const:width="100" const:height="22"
  51               const:tabIcon         = "tab_.gif"
  52               const:selectedTabIcon = "tab_selected.gif"
  53               const:leftTabIcon     = "tab_left.gif">
  54        content of <b>news</b> tab
  55        <a var:action="increaseClicks">click</a>
  56      </var:tab>
  57
  58      <var:tab const:key="persons" const:label="persons"
  59               isScript="useJavaScriptTabs" const:asBackground="1"
  60               const:width="100" const:height="22"
  61               const:tabIcon         = "tab_.gif"
  62               const:selectedTabIcon = "tab_selected.gif"
  63               const:leftTabIcon     = "tab_left.gif">
  64        content of <b>persons</b> tab
  65        <a var:action="increaseClicks">click</a>
  66      </var:tab>
  67
  68      <var:tab const:key="projects" const:label="projects"
  69               isScript="useJavaScriptTabs" const:asBackground="1"
  70               const:width="100" const:height="22"
  71               const:tabIcon         = "tab_.gif"
  72               const:selectedTabIcon = "tab_selected.gif"
  73               const:leftTabIcon     = "tab_left.gif">
  74        content of <b>projects</b> tab
  75      </var:tab>
  76
  77   </var:tabview>
  78
  79   <form var:action="self">
  80     <hr />
  81
  82     <table border="0">
  83       <tr>
  84         <td align="right">bg color:</td>
  85         <td><input type="text" var:value="bgColor" const:size="8"/></td>
  86       </tr>
  87       <tr>
  88         <td align="right">JS tabs:</td>
  89         <td><input type="checkbox" var:checked="useJavaScriptTabs"/></td>
  90       </tr>
  91       <tr>
  92         <td align="right"></td><td></td>
  93       </tr>
  94       <tr>
  95         <td colspan="2"><input type="submit" var:action="self" value="Apply"/></td>
  96       </tr>
  97     </table>
  98   </form>
  99 </var:component>