WebListbox Design Hacks

Targets Web
25

Trying to pull all of this together, I have this in the App.HTMLHeader property, but it will work just as well in your custom theme:

<style>
	.XojoListBox .DTFC_ScrollWrapper,
	.XojoListBox .table,
	.XojoListBox .dataTables_wrapper tr.buffer {
	  background-color: #f00 !important;
	}
	table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
	    content: "" !important;
	}

	table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
	    content: "" !important;
	}
	.table-bordered thead td, .table-bordered thead th,
	.table-bordered td, .table-bordered th {
	  border: 0 !important;
	}
</style>

This sets the background of the cells to red, removes the sort arrows, and removes cell borders.

1 Like