Hiding specfic meArea buttons on mobile

[former_member591864]

Hi everyone,

at the moment i'm trying to hide the AppFinder and About button of the MeArea on mobile phone. My client uses ipod's as mobile devices and they want to hide this buttons to limit the options and improve the user experience of the end users.

The goal is the hide this buttons in such way the more button disappears.

• So first I tried it with CSS, but then SAP still registers the the button as available. So the more button is still there through the button is gone in the view.
• If I set the the visibility in the UI5 inspector to false, the element disappears and the more button disappears, which is the goal, so I removed the element in javascript form the app, but because the meArea gets loaded by pressing the button is keeps rendering.

So my question does anyone have a suggestion how to hide this buttons, and then only as an phone? Is there maybe some configuration inside the personalisation file to set this?

The project is on an ECC gateway system.

Thanks in advance!

[former_member591864]

Hi Christian,

thanks for your answer.

The theme designer is what I used in the first place. But it keeps counting the order, so if you remove the last item that doesn't change the buttons.

I hoped for some official configuration.

I solved it in the theme designer by setting when the display is smaller then the iphone SE, the container is 400px. Because the issue seemed the container is slightly too small in iPhone SE. Though it isn't a nice hack, it shows as intended

[CristianBabei]

You can use the Theme designer to hide it.

The component has an Id so you can just add this:

.sapUshellMeAreaView #overflowActions {
     display: none;
}

If instead of all buttons you want only some of them, just choose wich one.

If you want to hide for mobile, this link can help you.