2. PHPRunner General questions
  3. Search panel issue in mobile devices
This topic is locked

Search panel issue in mobile devices

 		1/31/2017 7:23:01 PM
PHPRunner General questions
romaldus author

I have search panel in list page (Using built in bootstrap theme).
In phprunner "Search and filter settings" i choose "Always on search panel" option for some fields.

This feature worked only in desktop browsers. In mobile devices such as smartphones and tablets, search panel was missing even if i click the "show search panel" option.
lefty 1/31/2017



I have search panel in list page (Using built in bootstrap theme).
In phprunner "Search and filter settings" i choose "Always on search panel" option for some fields.

This feature worked only in desktop browsers. In mobile devices such as smartphones and tablets, search panel was missing even if i click the "show search panel" option.


In desktop and mobile , Click the gear and click always on search panel. Comes right up . There is an option to hide or show. I guess always on is not always on in bootstrap.
romaldus author 1/31/2017

John thanks for repply. Even if i click "show/hide search panel" from the gear icon, search panel still missing in mobile view
lefty 2/1/2017



John thanks for repply. Even if i click "show/hide search panel" from the gear icon, search panel still missing in mobile view



It worked for me in 9.6 latest build. Try a different layout in bootstrap , I used cerulean. Or do another one page test project with different theme. if it worked for me it should for you . ( I latest build and MSYQL database) . Make sure mobile is not checked for bootstrap in misc section .
romaldus author 2/2/2017

See Screenshots bellow
romaldus author 2/2/2017

Thanks john but i cannot resolve the issue. I have made a new sample project using Phprunner 9.6 build 27826 (latest build).

Uploaded to demo account : http://demo.asprunne...tomers_list.php
1. In Desktop View.

As you see in screenshot (red circle on the left), the search panel is there.


2. In Mobile View

Even if i click the "show search panel" sub menu, no search panel displayed


4. Search panel is missing


5. Screenshot of my phprunner project setting. Did i miss something?


Search Settings:
lefty 2/2/2017



Thanks john but i cannot resolve the issue. I have made a new sample project using Phprunner 9.6 build 27826 (latest build).

Uploaded to demo account : http://demo.asprunne...tomers_list.php
1. In Desktop View.

As you see in screenshot (red circle on the left), the search panel is there.

2. In Mobile View

Even if i click the "show search panel" sub menu, no search panel displayed

4. Search panel is missing

5. Screenshot of my phprunner project setting. Did i miss something?

Search Settings:



Actually I had tried on Ipad and it worked fine . Now That I saw your screenshots , I tried on Android Phone . The search box does not come up . Actually on that page the Gear box does not even show for mine.
romaldus author 2/2/2017

it is because ipad browser was detected as desktop browser. Since it was detected as desktop browser, all records in "list page" displayed horizontally (just like using desktop browser in laptop or PCs).

In mobile browser, all records in "list page" are displayed vertically
lefty 2/3/2017



it is because ipad browser was detected as desktop browser. Since it was detected as desktop browser, all records in "list page" displayed horizontally (just like using desktop browser in laptop or PCs).

In mobile browser, all records in "list page" are displayed vertically



Gotcha!
In older versions Ipad would show up as mobile view, So when I checked your original post , I just used Ipad. Did not think to try iphone or my android phone. Guess there's another issue with bootstrap. I am staying away from it as I cannot get to format correctly even on desktop . You can only change certain items in css custom and I spent hours trying to change just one brick container . Could not do it. Back to original templates for me.
romaldus author 2/3/2017

For a temporary solution, i depend on filter panel. Only filter panel is working correctly in mobile browsers. I'm working on an automotive listing project where search panel is very crucial.
I tried to use firefox "inspect element" to isolate the problem and found that "search panel" is overlapped by another div block in mobile view. Hopefully Sergey and his team can resolve this in the next build