Pyritään siihen, että Examin käyttöliittymät noudattavat tätä käyttöliittymästandardia. Standardia täydennetään tarpeen mukaan. Käyttöliittymän perusjutut tulevat Bootsrapista, tässä enemmän käyttöliittymän toimintaan liittyviä asioita.

Oletustekstit tekstikentissä

Kun tekstikentässä on oletusteksti, tulee oletustekstin olla poistettavissa kerralla tai oletustekstin tulee poistua, kun kursorin vie kenttään. EI siten, että käyttäjä joutuu poistamaan oletustekstin merkki kerrallaan. Esimerkkikuvassa ollaan lisäämässä monivalintakysymystä. Kysymyksen vastausvaihtoehdoilla on oletusteksti "Vastausvaihtoehto". Kun kenttää klikkaa, tulee oletusteksti oletuksena maalatuksi, joten se poistuu, kun käyttäjä alkaa kirjoittamaan oikeaa vastausvaihtoehtotekstiä.

Avautuvat ja sulkeutuvat kentät

Käyttöliittymiä ryhmitellään kenttien avulla, jotka on ympäröity kehyksellä ja jotka saa vasemman yläkulman nuolesta avattua/suljettua. Kun kenttä on kiinni, osoittaa nuoli oikealle ja kun kenttä on auki, nuoli osoittaa alaspäin. Näkymästä riippuu onko kenttä oletuksena auki vai kiinni. 

Pakolliset lomakekentät

Pakolliset kentät toimivat siten, että ne näkyvät punaisella reunuksella, kunnes niihin on syötetty jotain. Yleensä myös painike on disabloitu niin kauan kunnes pakolliset tiedot on syötetty. Poikkeus tästä on opiskelijan vastauksen arviointinäkymässä, jossa arvioinnin tallentaminen on mahdollista vaikka arvosanaa ei vielä olisikaan annettu.

Tyhjät kentät

Jos käyttöliittymässä olevassa kentässä ei ole sisältöä (esimerkiksi opettajalla ei ole yhtään tarkastamatonta tenttivastausta tietyssä tentissä), näytetään kentässä järkevä teksti (esim. "Ei tarkastamattomia tenttivastauksia") TAI koko kenttää ei näytetä lainkaan. Kenttää ei näytetä lainkaan silloin, jos kyse on vapaaehtoisesta kentästä kuten opiskelijan tenttivastauksen tarkastamisessa oleva kysymyksen liitetiedosto. 

Kuvakkeet

Kuvakkeet valitaan Font Awesome:n kuvakkeista

  • No labels