Screen Personas Slipstream engine – Footer Buttons not visible

[simonweber]

Hello Community,

We want to adapt the QM01 for mobile devices, which actually works very well. We integrate the customized QM01 into the Launchpad using the Slipstream engine. So far, this works es well.

But what's driving me crazy are the buttons on the Footer. When I use the webgui they are visible (print screen 1) but when I open it via the Slipstream Engine service (print screen 2) they are not.

If I take the buttons from the footer into the screen, I can see them, but it looks different depending on the screen resolution (print screen 3 and 4).

Is there a tip on how to get the buttons in the footer in Slipstream Engine visible?

Print screen 1 Webgui

Print screen 2 - Slipstream engine on Phone

Print screen 3 - Phone 1

slipstream engine

Print screen 4 - Phone 2

I am grateful for any input.

Best Regards

Simon

[vananko · Accepted solution]

Webgui and Slipstream menu and toolbars structure can be different. If you will prepare Flavor in Webgui and consume in SE there could be some inconsistency also.

In case of Webgui [Save, Cancel, Put in Process, Postpone, Complete] are displayed in Status Bar.
In case of SE [Save, Cancel] are in Status Bar and [Put in Process, Postpone, Complete] in Toolbar.

Anyway, if Desktop mode of SE has [Save, Cancel] buttons in Status Bar, then these buttons must appear in expanded mode of Mobile Menu Button "...". Compare Original Screen for that case. 



If some button is needed from Toolbar, you can drag it into the Status Bar and it will appear in expanded mode of Mobile Menu Button also.



Further inconsistency of Flavor prepared in Webgui and consumed in SE must be examined and corrected manually.

Best Regards!

[simonweber · Accepted solution]

Hi Vananko I didn't realize that if I was using the Slipstream engine, I would also have to create the flavor there. Makes perfect sense of course! I am still a bit confused about the terms status bar and toolbar, and why it appears at the bottom of the mobile view, but it worked 😊.

I have now moved 'Save' and 'Cancel' from the bottom to the top of the desktop view.

In the mobile version they are now at the bottom, which is what I wanted.

Is there any trick I can use to test this directly on the desktop? When I try it in the Developer Tool, it is still the 'desktop' view, even if I select iPhone, for example. Best Regards Simon

[vananko · Accepted solution]

After device is selected in Developer Tools you have to reload page to load mobile version.