Implement custom styles for Tables used in Answers/Dashboard using Narrative view

Using HTML styling in narrative view we can create customized tables.

• Tables with custom size, shape, background color, which can meet certain client requirements can be created.
• It improves the look and feel of the reports.
• For example, it can be used to match the skin and theme of currently existing Client portals.

Sample Code:

<style type="text/css">

table.tftable {font-size:15px;color:#333333;width:100%;border-width: 1px;border-color: #729ea5;border-collapse: collapse;}

table.tftable th {font-size:15px;background-color:#77AFEF;border-width: 1px;padding: 8px;border-style: solid;border-color: #729ea5;text-align:left;}

table.tftable tr {background-color:#EDF3FA;}

table.tftable td {font-size:13px;border-width: 1px;padding: 8px;border-style: solid;border-color: #729ea5;}

</style>

<table id="tfhover" class="tftable" border="1">

<col width="200"><col width="200"><col width="200">

<tr><th colspan="2">Activity ID</td><td colspan="3">[b]@1[/b]</th></tr>

<tr><td>[b]Activity Type[/b]</td><td>@2</td><td>[b]Logon:[/b] @3</td></tr>

<tr><td>[b]Employee[/b]</td><td>@4</td><td>[b]Status :[/b] @5</td></tr>

<tr><td>[b]Comments[/b]</td><td>@6</td><td>[b]Desc :[/b] @7</td></tr>

[br/]

</table>