Design Studio 1.6 - removing text from the Switch component

[angie_raab]

How can I remove the text AR and GIT from a switch? The mode is set to blank and I added script to display the mode and it simply won't go away. I'm new to this and user error is certainly an option. Any help would be greatly appreciated.

Thanks!

Angie

[TammyPowlas · Accepted solution]

Hi Angie - the base Design Studio 1.6 doesn't contain a switch component; you will need to ask the Developer of the component for help.

Was this from the Community SDK? If so please raise an issue here: https://github.com/org-scn-design-studio-community

[angie_raab · Accepted solution]

We are on version 16.3.0. The switch component is available in SAPUI5m mode. .

[TammyPowlas · Accepted solution]

You are right - sorry - I see it now

Can you share code and I can see if I can replicate it? I'm on 1.6.4

[angie_raab · Accepted solution]

Thank you for your responses. There isn't any code, just what is in the screenshot above. This has to be something simple, but it's beyond me. This was originally created in SAPUI5 and then exported to SAPUI5m - could that have something to do with it?

[TammyPowlas · Accepted solution]

Angie - the only other suggestion I can think of is to update your SP's.

and your idea of going from UI5 to UI5M is right - maybe try it in a brand new application and see if the problem persists, and if it does, update to the latest SP

[angie_raab · Accepted solution]

It worked when I created a new application in U15m. I found some css code to make the existing application work. Thank you very much for your help!

[former_member197738]

ahh.. i didnt notice you are indeed on Mode = Black.

Perhaps some sort of text "AR GIT" that might be overlapping Switch component. Can you recall any text with such Alphabet?

On the other hand to know for sure if this is a bug within Switch component, I suggest creating new app "M-mode" offcourse and test with just Switch within the whole application and see if you still see "AR GIT". If yes then its a bug. Goodluck

[angie_raab]

You're right. It worked when I created a new application with UI5m. Thanks for your help.

[former_member197738]

Glad it helped.

Most likely you know this but just in case. If you want to debug on the fly, try using F12 developer window and use DOM icon and then hover-over and click on to any object or component in your application. This will get you into detail of where this component is driven from what is actual name and CSS classes like such.

[angie_raab]

I've only been doing this for a few months, so any hints are appreciated. CSS is something we're just starting to work with and it's still a mystery to me on what you can and can't control in desktop and mobile applications. I was lucky enough to find code to hide the text.

[former_member197738]

Hi Raab,

Checkout below link:-

• https://blogs.sap.com/2015/04/22/list-of-css-for-sap-design-studio/

[angie_raab]

Thanks for taking the time to post that link. You've been very helpful and I appreciate it very much.

[former_member197738]

Hi Raab,

Is AR and GIT stands for ON/OFF ? which is by default as Switch component does not allow Custom entries like Radio Button or Dropdown component.

I dont see this text in Switch Component. Anyways there is option to Choose Mode as BLANK. Please see attached, thanks

Hope it helps, thanks

[angie_raab]

Thanks for your response, especially your examples. I have no idea what AR and GIT are, that's just what it shows. As you can see from my screenshot above, I have tried Mode = Blank without success.