====== API: Navigation Controls ======

API-referenca za navigaciju i Wizard-kontrole.

===== TWvdSTabControl =====

Tab-bazirana navigacija.

==== Namespace ====

''WvdS.UI.Controls.Navigation''

==== PXAML ====

<code xml>
<TabControl SelectedIndex="{Binding ActiveTab}">
  <TabItem Header="General">
    <GeneralSettings />
  </TabItem>
  <TabItem Header="Advanced">
    <AdvancedSettings />
  </TabItem>
</TabControl>
</code>

==== Properties ====

| Property | Tip | Default | Opis |
^ Items | TWvdSTabItemCollection | nil | Tab-stavke |
^ SelectedIndex | Integer | 0 | Aktivni tab-indeks |
^ SelectedItem | TWvdSTabItem | nil | Aktivna tab-stavka |
^ TabStripPlacement | TWvdSPlacement | pTop | Top, Bottom, Left, Right |
^ IsClosable | Boolean | False | Tabovi zatvorivi |

==== Events ====

| Event | Signatura | Opis |
^ OnSelectionChanged | TSelectionChangedEvent | Tab promijenjen |
^ OnTabClosing | TTabClosingEvent | Tab se zatvara |

==== TWvdSTabItem ====

<code pascal>
TWvdSTabItem = class(TWvdSContentControl)
  property Header: string;
  property Content: TWvdSFrameworkElement;
  property IsEnabled: Boolean;
  property Icon: TWvdSImageSource;
end;
</code>

----

===== TWvdSAccordion =====

Sklopivi paneli.

==== Namespace ====

''WvdS.UI.Controls.Navigation''

==== PXAML ====

<code xml>
<Accordion ExpandMode="Single">
  <AccordionItem Header="Section 1" IsExpanded="True">
    <ContentPanel1 />
  </AccordionItem>
  <AccordionItem Header="Section 2">
    <ContentPanel2 />
  </AccordionItem>
</Accordion>
</code>

==== Properties ====

| Property | Tip | Default | Opis |
^ Items | TWvdSAccordionItemCollection | nil | Accordion-stavke |
^ ExpandMode | TWvdSExpandMode | emSingle | Single, Multiple |
^ SelectedItem | TWvdSAccordionItem | nil | Aktivna stavka |

==== TWvdSAccordionItem ====

| Property | Tip | Opis |
^ Header | string | Naslov |
^ Content | TWvdSFrameworkElement | Sadržaj |
^ IsExpanded | Boolean | Prošireno |
^ Icon | TWvdSImageSource | Ikona |

----

===== TWvdSBreadcrumb =====

Breadcrumb-navigacija.

==== Namespace ====

''WvdS.UI.Controls.Navigation''

==== PXAML ====

<code xml>
<Breadcrumb Path="{Binding CurrentPath}"
            Separator=">"
            OnPathChanged="OnNavigate" />
</code>

==== Properties ====

| Property | Tip | Default | Opis |
^ Path | string | '' | Trenutna putanja |
^ Items | TWvdSBreadcrumbItemCollection | nil | Elementi putanje |
^ Separator | string | '/' | Separator |
^ IsEditable | Boolean | False | Putanja urediva |

==== Events ====

| Event | Signatura | Opis |
^ OnPathChanged | TPathChangedEvent | Putanja promijenjena |
^ OnItemClick | TItemClickEvent | Stavka kliknuta |

----

===== TWvdSPager =====

Navigacija stranica za liste.

==== Namespace ====

''WvdS.UI.Controls.Navigation''

==== PXAML ====

<code xml>
<Pager CurrentPage="{Binding CurrentPage}"
       TotalPages="{Binding TotalPages}"
       PageSize="25" />
</code>

==== Properties ====

| Property | Tip | Default | Opis |
^ CurrentPage | Integer | 1 | Trenutna stranica |
^ TotalPages | Integer | 1 | Ukupno stranica |
^ PageSize | Integer | 10 | Unosa po stranici |
^ TotalItems | Integer | 0 | Ukupno unosa |
^ DisplayMode | TWvdSPagerMode | pmNumeric | Numeric, NextPrev, Full |

==== Events ====

| Event | Signatura | Opis |
^ OnPageChanged | TPageChangedEvent | Stranica promijenjena |

----

===== TWvdSWizard =====

Korak-po-korak čarobnjak.

==== Namespace ====

''WvdS.UI.Controls.Navigation''

==== PXAML ====

<code xml>
<Wizard SelectedPageIndex="{Binding CurrentStep}"
        OnFinish="OnWizardComplete">
  <WizardPage Title="Welcome" CanNext="True">
    <WelcomeContent />
  </WizardPage>
  <WizardPage Title="Configuration" CanBack="True" CanNext="{Binding IsValid}">
    <ConfigContent />
  </WizardPage>
  <WizardPage Title="Finish" CanBack="True" CanFinish="True">
    <SummaryContent />
  </WizardPage>
</Wizard>
</code>

==== Properties ====

| Property | Tip | Default | Opis |
^ Pages | TWvdSWizardPageCollection | nil | Wizard-stranice |
^ SelectedPageIndex | Integer | 0 | Aktivna stranica |
^ SelectedPage | TWvdSWizardPage | nil | Aktivna stranica |
^ ShowNavigationButtons | Boolean | True | Prikaži nav-gumbe |
^ CanCancel | Boolean | True | Odustajanje moguće |

==== Events ====

| Event | Signatura | Opis |
^ OnPageChanging | TPageChangingEvent | Prije promjene stranice |
^ OnFinish | TNotifyEvent | Wizard završen |
^ OnCancel | TNotifyEvent | Wizard otkazan |

==== TWvdSWizardPage ====

| Property | Tip | Opis |
^ Title | string | Naslov stranice |
^ Description | string | Opis |
^ Content | TWvdSFrameworkElement | Sadržaj |
^ CanBack | Boolean | Nazad moguće |
^ CanNext | Boolean | Naprijed moguće |
^ CanFinish | Boolean | Završetak moguć |

----

===== TWvdSNavBar =====

Vertikalna navigacijska traka.

==== Namespace ====

''WvdS.UI.Controls.Navigation''

==== PXAML ====

<code xml>
<NavBar SelectedItem="{Binding SelectedMenu}">
  <NavBarGroup Header="Main">
    <NavBarItem Caption="Dashboard" Icon="home" />
    <NavBarItem Caption="Orders" Icon="list" />
  </NavBarGroup>
  <NavBarGroup Header="Settings">
    <NavBarItem Caption="Preferences" Icon="settings" />
  </NavBarGroup>
</NavBar>
</code>

==== Properties ====

| Property | Tip | Default | Opis |
^ Groups | TWvdSNavBarGroupCollection | nil | Grupe |
^ SelectedItem | TWvdSNavBarItem | nil | Odabrana stavka |
^ IsCollapsed | Boolean | False | Skupljeno |
^ CollapsedWidth | Integer | 50 | Širina skupljeno |
^ ExpandedWidth | Integer | 200 | Širina prošireno |

==== Events ====

| Event | Signatura | Opis |
^ OnItemSelected | TItemSelectedEvent | Stavka odabrana |

----

===== TWvdSTileControl =====

Pločice-bazirana navigacija (Metro-stil).

==== Namespace ====

''WvdS.UI.Controls.Navigation''

==== PXAML ====

<code xml>
<TileControl>
  <TileGroup Header="Applications">
    <Tile Caption="Mail" Icon="mail" Size="Large"
          Background="Blue" Command="{Binding OpenMail}" />
    <Tile Caption="Calendar" Icon="calendar" Size="Normal" />
    <Tile Caption="Tasks" Icon="check" Size="Small" />
  </TileGroup>
</TileControl>
</code>

==== Properties ====

| Property | Tip | Default | Opis |
^ Groups | TWvdSTileGroupCollection | nil | Grupe pločica |
^ ItemSize | TWvdSTileSize | tsNormal | Zadana veličina |
^ Orientation | TWvdSOrientation | oHorizontal | Raspored |

==== TWvdSTile ====

| Property | Tip | Opis |
^ Caption | string | Naslov |
^ Icon | TWvdSImageSource | Ikona |
^ Size | TWvdSTileSize | Small, Normal, Wide, Large |
^ Background | TWvdSBrush | Pozadina |
^ Command | IWvdSCommand | Click-Command |
^ Badge | string | Badge-tekst |

----

===== Vidi također =====

  * [[.:control-bibliothek|Biblioteka kontrola]]
  * [[.:api-controls-basic|Basic Controls API]]
  * [[.:api-controls-bars|Bars/Ribbon API]]