Where oh where can I find the CSS to the Search form...

[Lynda]

I have inspected the page, I have reveiwed the Style... I can not find it.  I am tired of my Search forms not lining up with my report forms. The margins are off. Even when my forms are fixed widths, the Search for does not comply.

Frustrated.

Lynda

[Volomeister]

Hi @Lynda

Could you share a link to this DataPage and a screenshot highlighting what and where you wish to be moved/customized?

[Lynda]

For some reason, this interface won't let me attach or drag files and has restricted my file size to less than 18kb.

On further investigation, this interface reports that I have used my quota of allowed attachments, but doesn't tell me how to get more or open up existing.

Let me see if I can make a really small file

Lynda

[Lynda]

Volo,

As for a link to the site, it is a Member site req logon and pswd. Please message me and I will provide.

Lynda

[SushiPizza]

Hi @Lynda,

The First Style elements inside Form/Details Tab change the appearance of the search form:

Here is an example of changes on the Search Form. You can check the class names using the inspect tool too and find them in Styles > Source > All by pressing ctrl+F

Regards,
SP

 

[Volomeister]

Hi @Lynda

Try add the following CSS to the header of your DataPage

 

<style>
  div[style*="display: table;"] {
margin: 0 auto;
}

</style>

It will center the search form. You can adjust the margin values if you need to place it somewhere else.

Let me know if that helped.

[Lynda]

Thank you sooo much. It was a combination of the two suggestions that led me to the solution. I did not know that the Search form used the Form/Details CSS format. I guess it just didn't occur to me. Sometimes it's the obvious that escapes you.

Lynda