Versão atual:

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.)

Versão (1):

Ver a versão formatada

FWDialogModal com CSS

  • criado 20 de Jan de 2021

Comentário

new question