cancel
Showing results for 
Search instead for 
Did you mean: 

SSCE: css and compatibility for mobile device

Former Member
0 Kudos

Hi All,

I have created an html page using few SSCE UI elements(textview, textfield, button). I want to apply style sheet to the page using preferences options.

I am not clear about how to define style classes in css for mii ui elements. Please suggest your inputs.

Additionally, as SSCE is said to provide compatibility for mobile devices, could you please suggest what exactly does it in offer here. I understand that this feature provides proper page load on mobile devices with good performance, and adjustment of UI controls in focus with the mobile screen.
Please help.

Thanks and regards,

Ruchi Agarwal

Accepted Solutions (1)

Accepted Solutions (1)

wizzhi
Employee
Employee
0 Kudos

Hi Ruchi,


Start from 15.1 FP1, you can choose a built-in theme( with light blue background) as below:

The selected theme is actually a CSS file. So you can download the file for further customizing. And then specify the new path here for your customized version.


Thanks & Best Regards,

George Wen

Former Member
0 Kudos

Hi George,

I am on MII 15.0, I searched in there, but did not find the lightBlue.css default theme.

Can you please suggest how can I get it in 15.0, or from where can I get a reference of default theme css and create a customized one and upload it here.

Additionally, in the screenprint which you pasted, I noticed Mobile Page View : Swipe/ Scroll options at the bottom. I again don't find this feature in 15.0. Is this the setting to render page properly on mobile device? and what is the work around to set this in MII 15.0.

Please suggest.

Regards,

Ruchi Agarwal

Answers (1)

Answers (1)

Former Member
0 Kudos

Hi Ruchi,

Did you figure out how to edit the default CSS and upload it back in SSCE ( MII version 15.0)?

I am also looking for this.

Regards,

Naga.

Former Member
0 Kudos

Hi Naga,

Only way I found is to download the lightBlue.css from MII 15.1 version. Once downloaded, modify it and upload it in MII15.0 SSCE.

In MII 15.0 SSCE, if you check the source code of the page, you will find that classes are not applied to the controls. And as that portion of the code is non editable, you would need to explicitly add the style classes at runtime. e.g. if you want to change the background of the page, then modify the color in the css and add the formstyle class to the div at runtime.

document.getElementById('uiElementc0c0').className += ' formStyle';

Thanks and regards,

Ruchi Agarwal

Former Member
0 Kudos

Hi Ruchi,

Thank you.

Regards,

Naga.

Former Member
0 Kudos

Hi Ruchi,

Can you send the CSS file (15.1 version ) if you have?

Regards,

Naga.

Former Member
0 Kudos

Hi Naga,

I do not have it now.

Thanks and regards,

Ruchi Agarwal