Hide search bar and change layout of Search and Tabular report datapage

[Quinn]

Hi,

I am looking for ways to:

1. Hide the search button.

2. Move the check box filters to either the same line as the Grid Edit Option or something equally as compact (tabular header maybe)

3. Have the tabular data automatically update on changing of the checkbox selections.

Any help would be greatly appreciated. 

[Quinn]

Point 3 is solved using the following script in the footer of the results page configuration wizard:

<script>

var thisDP = document.querySelector(`[action*="[@cbAppKey]"]`);

thisDP.addEventListener('change', function() {
  console.log('Changed!');
  thisDP.querySelector('.cbSearchButton').click();
});

</script>

 

[autonumber]

Hi @Quinn - you can try the CSS code below. You can still adjust the margins if you wish to. 

<style>
.cbSearchButton, .cbSearchButtonContainer {
    display: none !important; 
}
.cbResultSetActionsContainer{
    width: fit-content !important;
    margin-top: -29px !important;
}
section[class*="cbFormSection"]{
    margin-bottom: -25px !important;
    margin-left: 100px !important;
}
</style>