piątek, 18 marca 2011

Tematy, szablony... i mała zajawka ; )


Chciałbym poruszyć kilka tematów, które dziś pojąłem.. tzn. Piotrek mnie uświadomił ; )... brrrry zawsze unikałem tego tematu...

Pewnie wielu z was się zastanawiało jak przebudować szatę graficzną swojej aplikacji w Oracle APEX. Jako, że jest to technologia webowa to wydawało by się, że znajomość podstawowych tagów HTML wystarczy. Ja też tak myślałem, przynajmniej w 2004 roku jak zaczynałem przygodę z APEX-em (to pewnie jeszcze było HTMLDB), jednak po kilku próbach odpuściłem i używałem wbudowanych tematów graficznych.



Dlaczego ?? Stwierdziłem że skórka nie warta wyprawki, aplikacja działa dobrze to o co chodzi, z drugiej zaś strony własnie te zwykłe tagi w większości przypadków nie działały lub działały w sposób nie taki jaki oczekiwałem. Wszystko dobrze gdy by nie użytkownicy, którzy non stop "marudzili" że to jest toporne, że złe kolory i coś tam jeszcze. Z drugiej zaś strony biorąc udział w wielu prezentacjach "wyboru ofert", ciężko było się przebić np konkurując a Adobe Flash Air lub inną technologią. Po prostu tamto wyglądało jak z bajki, kolory wylewały się z ekranu, wszystkie elementy się animowały itp., na nic tłumaczenie przed komisją przetargową, że to nasze to najlepsza baza danych na świecie, że technologia związana z ściśle z bazą więc i wydajna i wiele wiele więcej.... przecież tamto było złote i pięknie świeciło... !. Od pewnego czasu realizując projekty przykładamy bardzo dużą wagę do samego wyglądu aplikacji, dzięki temu podczas konkursu ofert startujemy z tego samego poziomu co konkurencyjne technologie a później jest tylko lepiej... To tyle tytułem wstępu
Dziś w ramach firmowej wymiany wiedzy dowiedziałem się jak jest zorganizowana otoczka graficzna w Oracle APEX i chcę tym się z wami podzielić.

Mając na uwadzę Oracle APEX, najwyższy poziom szaty graficznej stanowi Temat graficzny (Theme), składa się on z szablonów (Templates). Szablony podzielone są na następujące typy:

  • szablony stron (page templates),
  • szablony regionów (region templates),
  • szablony etykiety (label templates),
  • szablony list wyboru (list templates),
  • szablony list wyboru typu popup (popup LOV templates),
  • szablony kalendarzy (calendar templates),
  • szablony ścieżek (breadcrumb templates),
  • szablony przycisków (button templates),
  • szablony raportów (report templates).

Tworząc własny temat graficzny nie mamy wpływu na typy, są jakie są i koniec. Każdy z wymienionych typów szablonu może posiadać wiele wariantów o określonej klasie, dostępne mamy następujące klasy:

  • BUTTONS

    Button
    Button, Alternative 1
    Button, Alternative 2
    Button, Alternative 3

  • LABEL

    No Label
    Optional Label
    Optional Label w/ Help
    Required Label
    Required Label w/ Help

  • PAGES

    Login
    No Tabs
    No Tabs w/ Sidebar
    One Level Tabs
    One Level Tabs w/ Sidebar
    Popup
    Printer Friendly
    Two Level Tabs
    Two Level Tabs w/ Sidebar

  • POPUP LOV

    Standard

  • CALENDARS

    Calendar
    Calendar, Alternative1
    Small Calendar

  • LISTS

    Button List
    Horizontal Images w/ Label List
    Horizontal Links List
    Pull Down Menu
    Pull Down Menu w/ Image
    Tabbed Navigation List
    Vertical Images List
    Vertical Ordered List
    Vertical Sidebar List
    Vertical Unordered List w/ Bullets
    Vertical Unordered List w/o Bullets
    Wizard Progress List
    Hierarchical Expanding
    Hierarchical Expanded

  • REPORTS

    Borderless
    Horizontal Border
    One Column Unordered List
    Standard
    Standard, Alternating Row Colors
    Value Attribute Pairs

  • BREADCRUMBS

    Breadcrumb
    Hierarchical

  • REGIONS

    Borderless Region
    Bracketed Region
    Breadcrumb Region
    Button Region w/ Title
    Button Region w/o Title
    Chart Region
    Form Region
    Hide and Show Region
    List Region w/ Icon
    Navigation Region
    Navigation Region, Alternative1
    Region w/o Buttons and Title
    Region w/o Title
    Report Filter - Multi Row
    Report Filter - Single Row
    Reports Region
    Reports Region 100% Width
    Reports Region, Alternative1
    Sidebar Region
    Sidebar Region, Alternative1
    Wizard Region
    Wizard Region w/ Icon


Najczęściej szablony w danym typie przyjmują taką sama nazwę jak użyta w nim klasa ale nie jest to obligatoryjne. Można stworzyć szablon o nazwie "Mój region" w klasie Bracketed Region. Oczywiście nic nie stoi na przeszkodzie aby tworząc własny temat dodać więcej szablonów w danym typie lub odwrotnie, nie tworzyć wszystkich domyślnych. Trzeba tylko zawsze pamiętać, iż jeżeli wszystkich domyślnych nie będzie to może wystąpić problem podczas przełączania między tematami. Jeżeli to rozumiemy to możemy przejść do analizy jak zbudowany jest szablon, ale to już przy innej okazji.

0 komentarze:

Prześlij komentarz