Extended Search Form Width

PHPMaker General Discussion (PHPMaker)
1

Hi
Is there a way that the extendend search boxes can auto arrange to the width of the screen?
ie if your screen is running at 1360x760 extendend = 4 fills the page where if your are running at 1920x1080 there is a lot of wasted space.Thanks

2

You may set Fields per row (Extended), see Table Setup → Search, then Bootstrap Row columns will be used. If the screen is not wide enough (as determined by browser), fields will be wrapped to next row.

3

I have 4 row that are enabled for extendend search and the Fields per row (Extended) set to 4 but is it only displaying 3 fields on first row then 1 on the next. It it like the bootstrp is not alinging correctly?
any ideas?thanks

4

You may customize the extended search form’s max-width by CSS, see Inspect HTML element and add your own CSS styles.

5

So looks like flex-wrap is the issue
is it safe to disable it using

.row {
  flex-wrap: nowrap;
}

does not work as does not wrap if larger than page?Can any help me on how to make the Extended Search Form Width work pleasemany thanks

6

arbei wrote:

You may customize the extended search form’s > max-width > by CSS, see > Inspect HTML element and add your own CSS styles> .

You better try yourself until you find out which CSS style controls the width. (Hint is highlighted.)

7

After loads of reading i can see the following is within the css as default and this should wrap be isnt,

.row {
   display: flex;
   flex-wrap: wrap;
}

also tired

.ew-extended-search {
	 max-width: 100%;
}
8

arbei wrote:

You may customize the extended search form’s max-width by CSS, see > Inspect HTML element and add your own CSS styles> .

You may easily test what you want to change in your browser first, as said in the post above, learn: