Icons e Botões

Icons a utilizar

Status (OK | KO | WL):

<div class="div-status-wl"></div>

Framework V2 - Elementos base - Formulários - 1

Editar:

<a class="btn btn-secondary btn-sm"><i class="fa fa-pencil-alt colorBlue"></i></a>

Framework V2 - Elementos base - Formulários - 1

Consultar:

<a class="btn btn-secondary btn-sm"><i class="fa fa-clipboard-list colorBlue"></i></a>

Framework V2 - Elementos base - Formulários - 1

Visualizar:

<a class="btn btn-secondary btn-sm"><i class="fa fa-search colorBlue"></i></a>

Framework V2 - Elementos base - Formulários - 1

Upload:

<a class="btn btn-secondary btn-sm"><i class="fa fa-upload colorBlue"></i></a>

Framework V2 - Elementos base - Formulários - 1

Download:

<a class="btn btn-secondary btn-sm"><i class="fa fa-download colorBlue"></i></a>

Framework V2 - Elementos base - Formulários - 1

Imprimir:

<a class="btn btn-secondary btn-sm"><i class="fa fa-print colorBlue"></i></a>

Framework V2 - Elementos base - Formulários - 1

Informação:

<a class="btn btn-secondary btn-sm"><i class="fa fa-info-circle colorBlue"></i></a>

Framework V2 - Elementos base - Formulários - 1

Regressar:

<a href=""> 
    <button class="btn floatLeft btn-back"> <i class="fas fa-arrow-left colorBlue"></i> <?=VOLTAR_ATRAS?> </button>
</a>

Framework V2 - Elementos base - Formulários - 1

Procurar:

<button class="btn btn-blue floatRight marginRight8 marginBottom8"><img src="/optitravel/online/backoffice/img/icons/icon_checked_white.svg" class="height22"> Procurar </button>

Framework V2 - Elementos base - Formulários - 1

Editar / Atualizar:

<a class="btn btn-white"><img src="/optitravel/online/backoffice/img/icons/icon_plus_blue.svg" class="height22"> Adicionar Entidade</a>

Framework V2 - Elementos base - Formulários - 1

Dropdown:

<div class="dropdown">
    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuADD" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <?=OPCOES?> <i class="fa fa-angle-down marginLeft10 colorBlue"></i> </button>

    <div class="dropdown-menu" aria-labelledby="dropdownMenuADD">           
        <a class="dropdown-item"><i class="fa fa-file-import colorBlue marginRight8"></i> <?=CLI_IMPORT_CSV?></a>

        <a class="dropdown-item"><i class="fa fa-sync colorBlue marginRight8"></i> <?=CLI_ATUALIZAR?></a>

        <a class="dropdown-item"><i class="fa fa-print colorBlue marginRight8"></i> <?=ENVELOPES_ETIQUETAS?></a> 
    </div>
</div>

Framework V2 - Elementos base - Formulários - 1

Dropdown tabela:

<div class="dropdown btn-acoes">
    <button class="btn btn-secondary dropdown-toggle btn-sm" type="button" id="dropdownMenuEXP" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">  <i class="fa fa-list colorBlue" style="font-size:13px;margin-right:4px"></i> <i class="fa fa-angle-down colorBlue" style="font-size:13px"></i> </button>

    <div class="dropdown-menu" aria-labelledby="dropdownMenuEXP">
        <a class="dropdown-item"><i class="fa fa-file-import colorBlue marginRight8"></i> <?=CLI_IMPORT_CSV?></a>

        <a class="dropdown-item"><i class="fa fa-sync colorBlue marginRight8"></i> <?=CLI_ATUALIZAR?></a>

        <a class="dropdown-item"><i class="fa fa-print colorBlue marginRight8"></i> <?=ENVELOPES_ETIQUETAS?></a> 
    </div>
</div>

Framework V2 - Elementos base - Formulários - 1

↑ (Última atualização: 17/03/2025)