...
Poikkeavat / uniikit näkymät aina UI-tiimin kautta!
Komponentit
- Painikkeet
- Tooltip
- Labelit / merkinnät
- Erilaiset listaukset
- Taulukot
- http://espdev.eduix.fi/eduplangui/latest/demo/version2/demo/demo-service.php#table
- http://espdev.eduix.fi/eduplangui/latest/demo/version2/demo/demo-service.php#table-stripe
- http://espdev.eduix.fi/eduplangui/latest/demo/version2/demo/demo-service.php#table-hover
- http://espdev.eduix.fi/eduplangui/latest/demo/version2/demo/demo-service.php#table-sort
- Toiminnot taulukossa
- Paneelit (laatikoinnit)
Periaatekysymykset
- sovittu että katselu pyritään toteuttamaan aina (eli ei suoraan lomakenäkymä)
- jos katselua ei toteuteta, tähän vaaditaan hyväksyntä ja perustelu (yhteneväisyys!)
- muokkaus Jira-mainen modal-ikkuna. ikkunassa
- hyödyt: samaa muokkausta voidaan hyödyntää eri kautta, eri paikoissa
- tutkitaan toteutetaanko oma modal-ikkuna jQuery UI Dialogin sijaanmodal perustuu laajennettuun bootstrapin modaaliin. Scrollaa näkymässä jos yli selainikkunan korkeuden
- jos näkymässä on kokonaisuuksia (esim 3 listaa) ne pitää visuaalisesti erottaa (peppi > yksikko > kustannuspaikat), erotin, panel tmsnäkymien sisällä erilaisten elementtien sijainti suhteessa toisiinsa (esim. Tallenna/Peruuta -painikkeet)
- Painikkeiden sijainnit
- Modaali: oikea laita
- Perusnäkymissä vasemmalla. "Sulje" linkkimäinen
Yleinen sommittelu
- lomake, sommittelu tai yleiset sommitteluperiaatteet, missä minkäkin tyyppiset elementit _yleensä_ sijaitsevat
...
Inline-editointi (ajax)
- ainoastaan jos selkeä tarve
- editointitoiminnallisuudet ("koska tehdään ajaxilla ja koska pitää tallentaa" -ongelma)
- jos ajax-tallennuksia, hyvin selkeä palaute
- vältetään eri tallennustapoja näkymien sisällä
...
- taso 1 - päätason välilehdet (horisontaalinen). Esim HOPS
- taso 2 - vasemman laidan välilehdet (vertikaalinen)
- taso 3 - sisältöalueen (oikea palsta) välilehdet (horisontaalinen)
- "sticky" navigaatio (optiona tulevaisuudessa)
- vieritettäessä sivun yläreunaan jäävä navigaatio
Kunnon esimerkit monitasoisesta navigaatiosta, liittyy kohtaan näkymäesimerkit
Alatasojen navigointi:
...
Ensisijaisesti käytetään pystynavigaatiota, perustelut tabinavigaatioon oltava:
sivuvalinnat http://espdev.eduix.fi/eduplangui/latest/demo/version2/demo/demo-service.php
käytetään esim: https://stagingpeppi.metropolia.fi/group/suunnittelijan-tyopoyta/yksikot
- värityksien parannus
- käyttötapa yhtenäinen > esimerkit
Esim. Pepissä ongelmana tilankäyttö kun monta välilehteä
Murupolku
...
- sovittu että yleisperiaatteena tulee kaikkialle, myös Liferayn sisällä
...