FWDialogModal com CSS

Estou montando uma FWDialogModal quero usar CSS para estilizar ela. Tentei passar na classe do table porem não aplica o estilo. Tem alguma função para passar o CSS?

segue trecho do código:

cStyleTable := 'table.cStyleTable {'+;
        'border: 1px solid #1C6EA4;'+;
            'background-color: #EEEEEE;'+;
            'width: 100%;'+;
            'text-align: left;'+;
            'border-collapse: collapse;}'+;
        'table.cStyleTable td, table.cStyleTable th {'+;
        'border: 1px solid #AAAAAA;'+;
            'padding: 3px 2px;}'+;
        'table.cStyleTable tbody td {'+;
        'font-size: 13px;}'+;
        'table.cStyleTable tr:nth-child(even) {'+;
        'background: #D0E4F5;}'+;
        'table.cStyleTable thead {'+;
        'background: #1C6EA4;'+;
            'background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);'+;
            'background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);'+;
            'background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);'+;
            'border-bottom: 2px solid #444444;}'+;
        'table.cStyleTable thead th {'+;
        'font-size: 15px;'+;
            'font-weight: bold;'+;
            'color: #FFFFFF;'+;
            'border-left: 2px solid #D0E4F5;}'+;
        'table.cStyleTable thead th:first-child {'+;
        'border-left: none;}'+;
        'table.cStyleTable tfoot {'+;
        'font-size: 14px;'+;
            'font-weight: bold;'+;
            'color: #FFFFFF;'+;
            'background: #D0E4F5;'+;
            'background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);'+;
            'background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);'+;
            'background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);'+;
            'border-top: 2px solid #444444;}'+;
        'table.cStyleTable tfoot td {'+;
        'font-size: 14px;}'+;
        'table.cStyleTable tfoot .links {'+;
        'text-align: right;}'+;
        'table.cStyleTable tfoot .links a{'+;
        'display: inline-block;'+;
            'background: #1C6EA4;'+;
            'color: #FFFFFF;'+;
            'padding: 2px 8px;'+;
            'border-radius: 5px;}'

        cTextHtml := '<table class="'+cStyleTable+'">'+;
            '<thead>'+;
            '<tr>'+;
            '<th>head1</th>'+;
            '<th>head2</th>'+;
            '<th>head3</th>'+;
            '<th>head4</th>'+;
            '</tr>'+;
            '</thead>'+;
            '<tfoot>'+;
            '<tr>'+;
            '<td colspan="4">'+;
            '<div class="links"><a href="#">&laquo;</a> <a class="active" href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">&raquo;</a></div>'+;
            '</td>'+;
            '</tr>'+;
            '</tfoot>'+;
            '<tbody>'+;
            '<tr>'+;
            '<td>cell1_1</td>'+;
            '<td>cell2_1</td>'+;
            '<td>cell3_1</td>'+;
            '<td>cell4_1</td>'+;
            '</tr>'+;
            '<tr>'+;
            '<td>cell1_2</td>'+;
            '<td>cell2_2</td>'+;
            '<td>cell3_2</td>'+;
            '<td>cell4_2</td>'+;
            '</tr>'+;
            '<tr>'+;
            '<td>cell1_3</td>'+;
            '<td>cell2_3</td>'+;
            '<td>cell3_3</td>'+;
            '<td>cell4_3</td>'+;
            '</tr>'+;
            '<tr>'+;
            '<td>cell1_4</td>'+;
            '<td>cell2_4</td>'+;
            '<td>cell3_4</td>'+;
            '<td>cell4_4</td>'+;
            '</tr>'+;
            '</tbody>'+;
            '</table>'

        TSay():New(23,3,{||cTextHtml},,,,,,,.T.,,,400,300,,,,,,.T.)
compartilhar
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do TOTVS DevForum!

2 respostas

Não é a resposta que estava procurando? Procure outras perguntas com as tags fwdialogmodal msdialog advpl css ou faça a sua própria pergunta.