Remodeling the way the search layout is on a tabluar report

[MarkMayhrai]

Hello,

I would like to have your support to remodel my search display on a tabular data page, please assist.

1) Remove the search button

2) Remove the search button to have the space no more

3) Add a custom search button that is visually appealing

[Tubby]

This can be added using an HTML block. Caspio has this article for displaying the search button inline. https://howto.caspio.com/tech-tips-and-articles/advanced-customizations/display-the-submit-or-search-button-inline/

You will just need to tinker with it a bit to make it a magnifying glass picture instead a normal "Search" button.



Try using this code below inside the source of an HTML block:

<style>
.cbSearchButtonContainer {
display: none !important;
}
.cbHTMLBlockContainer{
padding: 35px 15px 0px 15px !important;
}
</style>
<input type="image" src="https://img.icons8.com/color/48/000000/search--v1.png" alt="Submit" width="24" height="24" id="SearchBtn" name="SearchBtn" />

The first style hides the button while the other style overrides the default padding to make the image align with the textboxes since you have the labels on top.

Edit what needs to be edited to fit your setup. BTW that icon is just an online icon that I found.

Hope that helps^

[MarkMayhrai]

Boyah!!

 

I love you guys!!

 

 

[autonumber]

Hi guys! I'm adding these useful links the tips and tricks if you would like to customize the styles of your DataPages. Here are the links for your reference:
https://www.youtube.com/watch?v=DQJscbV5prE

https://www.youtube.com/watch?v=Fzf0efn_B5s

https://www.youtube.com/watch?v=KxcEHFzk2o0

https://www.youtube.com/watch?v=cRyuCY_uCc4

 

https://howto.caspio.com/styles/styles/