Can anybody tell me what is causing this? The header is displaying a small row below it and it has the same color as the header. How can I turn off this second header or whatever is happening here?
Looks like some custom CSS/code changes that affects your weblistbox.
Can you provide Xojo version and small code sample to reproduce?
Which CSS file do you use for your project ? The Xojo version specifies the CSS version that works with it.
Here is the css code that I have in the app header. If you start a new project and paste this in the app header and then place a listbox on the screen you will see it.
.XojoCombobox button { border: 0.5px solid #999; border-bottom-left-radius: 0px; border-top-left-radius: 0px; background-color: #d2d2d2; } .XojoCheckbox { margin-left: 12px; } .XojoProgressWheel svg { fill: grey; } .XojoRectangle { border: 0.5px solid #999; } .XojoListBox .table td, .XojoListBox .table th { padding-top: 3px; padding-bottom: 3px; background: #fff; } .XojoListBox .table td { padding-top: 1px; padding-bottom: 1px; background: #fff; height: 25px; } .XojoListBox { border: 0.25px solid #999; } .XojoListBox table.dataTable.table-striped>tbody>tr:nth-child(odd)>* { box-shadow: inset 0px 0px 0 0px rgba(0, 0, 0, 0.00); background: #fff; border: 0.25px solid #d2d2d2; vertical-align: middle; height:23px; } .XojoListBox table.dataTable.table-striped>tbody>tr:nth-child(even)>* { box-shadow: inset 0px 0px 0 0px rgba(0, 0, 0, 0.05); background: #DDFDDE; border: 0.25px solid #d2d2d2; vertical-align: middle; height:23px; } .XojoListBox th{ height:27px; } .XojoListBox table.table-bordered.dataTable thead tr:first-child th, .XojoListBox table.table-bordered.dataTable thead tr:first-child td { border-top-width: 0.5px; border: 0.25px solid #999999; vertical-align: middle; background-color: #e6e6e6; height:27px; } .XojoListBox table.dataTable tr { font-weight: normal; line-height: 12px; } .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .XojoListBox table.dataTable tr{ height: 5px; } .no-dropdown-arrow .dropdown-toggle::after {display:none} .XojoButton .btn { font-size: 12px; } .XojoListBox table.table-bordered.dataTable thead tr:first-child th, .XojoListBox table.table-bordered.dataTable thead tr:first-child td { border-top: 0px; } .text-end { text-align: right !important; } .DimensionsListbox table.dataTable.table-striped>tbody>tr:nth-child(even)>* { box-shadow: inset 0px 0px 0 0px rgba(0, 0, 0, 0.05); background: #FFFFFF; border: 0.25px solid #d2d2d2; vertical-align: middle; height:23px; } .DimensionsListbox table.dataTable.table-striped>tbody>td:nth-child(even)>* { box-shadow: inset 0px 0px 0 0px rgba(0, 0, 0, 0.05); background: #e6e6e6; border: 0.25px solid #d2d2d2; vertical-align: middle; height:23px; } .XojoListBox table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>* { box-shadow: none; }I found it. .XojoListBox table.dataTable tr{
height: 5px;
} was in the app header and it shouldn’t have been. Thanks