...
03. Clique no componente e arraste-o até o ponto do construtor editor em que ele deve ser apresentado.
Painel |
---|
borderColor | #f2f2f2 |
---|
bgColor | #f2f2f2 |
---|
|
Uma área pontilhada será apresentada para definir a localização do componente. |
Painel |
---|
Essa opção vem habilitada por padrão, é necessário desabilitá-la para escolher o local dos componentes adicionados. |
Ações sobre os componentes
...
01. Acione o ícone
apresentado no rodapé do construtoreditor.
Painel |
---|
borderColor | #fdf7e8 |
---|
bgColor | #fdf7e8 |
---|
|
HTML |
---|
<style type="text/css">
.lms * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lms-text-center {
text-align: center;
}
.lms-full-height {
height: 100%;
}
/* Component LMS Callout */
.lms-callout {
border: none;
padding: 0px;
display: -moz-box;
-moz-flex-flow: row wrap;
-moz-justify-content: center;
-moz-align-items: center;
display: -ms-flexbox;
-ms-flex-flow: row wrap;
-ms-justify-content: center;
-ms-align-items: center;
display: -webkit-flex;
display: -webkit-box;
-webkit-flex-flow: row wrap;
-webkit-justify-content: center;
-webkit-align-items: center;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.lms-callout .lms-callout-image {
width: 24px;
}
.lms-callout .lms-callout-body {
width: calc(100% - 24px);
padding-left: 20px;
}
.lms-callout .lms-callout-citacao {
border: 0px solid;
border-left-width: 3px;
border-left-color: #f36f21;
margin: 4px;
margin-left: 25px;
padding-left: 8px;
font-size: 13px;
}
.lms-callout .lms-callout-thumb {
width: 24px;
height: 24px;
}
.lms-callout .lms-callout-text {
color: #58595b;
line-height: 1.75;
margin: 0;
}
</style>
<div class="lms">
<div class="lms-callout">
<div class="lms-callout-image">
<img class="lms-callout-thumb" src="http://tdn.totvs.com/download/thumbnails/286221066/importante.png" width="24" height="24">
</div>
<div class="lms-callout-body">
<p class="lms-callout-text"><b>ATENÇÃO</b><br>Este recurso <b>vem habilitado por padrão</b> e todos os componentes adicionados ficarão no topo do formulário. É apresentado na cor amarela quando habilitado. Se desabilitado, é possível alinhar os componentes conforme a necessidade de disposição dos campos e é apresentado na corem cinza.</p>
</div>
</div>
</div> |
|
...
01. Acionar o ícone, Desfazer
para desfazer uma ou mais ações necessárias.
02. Acione o ícone Refazer
para refazer uma ou mais ações necessárias.
...
Salvar: acione Salvar localizado no canto superior direito do construtoreditor.
Painel |
---|
borderColor | #f2f2f2 |
---|
bgColor | #f2f2f2 |
---|
|
Uma mensagem confirmando a ação será apresentada e o formulário continuará aberto. É possível fechar o formulário após Salvar e consultá-lo a partir da Central tela inicial de formulário Forms nas listas Últimos editados e Em edição. |
...
Painel |
---|
borderColor | #f2f2f2 |
---|
bgColor | #f2f2f2 |
---|
|
Ao publicar o formulário, o construtor editor será fechado automaticamente e o formulário será apresentado na listagem da Central tela inicial de formulários Forms nas listas Últimos editados e Forms publicados. |