Usabilidade na Administração Pública - como começar - programador

PARA PROGRAMADORES

Os nossos componentes são construidos com uma sólida base HTML, por forma a garantir uma excelente experiência entre browsers.

Apesar de privilegiarmos as mais recentes tecnologias web, ao descarregar os componentes apresentados, todos os utilizadores poderão usufruir da mesma informação e experiência.

INÍCIO RÁPIDO

Para incluir a biblioteca de UI components no seu projeto, utilize os snippets a seguir como um início rápido.

Código

HTML
CSS
JS

<link href="https://uxtoolkit.pt/api/pattern/library/UJBCfAZK/all.min.css" rel="stylesheet">

<script src="https://uxtoolkit.pt/api/pattern/library/UJBCfAZK/all.min.js"></script>

body{

    color: #2A2A2A;

}

.aui .container-fluid {

    padding-right: inherit;

    padding-left: inherit;

}

.aui .row{

    margin-left: 0px;

}

.aui a:hover, .aui a:focus {

    color: inherit;

    text-decoration: none;

}

#wrapper,

.container-fluid{

    padding: 0px;

}

.portlet,

form{

    margin-bottom: 0px !important;

}

var navigation = A.one('#navigation');



if (navigation) {

    navigation.plug(Liferay.NavigationInteraction);

}



var siteBreadcrumbs = A.one('#breadcrumbs');



if (siteBreadcrumbs) {

    siteBreadcrumbs.plug(A.Hudcrumbs);

}



var signIn = A.one('li.sign-in a');

Na secção COMPONENTES tem acesso a peças individuais de html / css / javascript.

VER COMPONENTES

Estrutura

Aqui apresentamos a estrutura dos ficheiros de código que poderá descarregar nesta página.

Todos os componentes foram criados para garantir uma base sólida de trabalho.

|- estilos.css

|-biblioteca.js

|- icons

Pacote completo de recursos e código para usar no seu projecto (zip).

Descarregar Tudo

TEMPLATE

Como base inicial de trabalho, disponibilizamos um template construído com os nossos componentes e também um Liferay Theme que poderá utilizar com este software.

Este projecto é flexível, permitindo-lhe adicionar e remover componentes de forma a que o resultado final vá de encontro à função pensada e às suas necessidades particulares.

Para saber mais, aceda à área de Templates.