cancel
Showing results for 
Search instead for 
Did you mean: 

Look'n'feel for handheld applications

Former Member
0 Kudos

Dear Experts,

Could someone explain me how to redefine a new look'n'feel style/theme for the WebDynpro handheld Client on MI7.10? Indeed, the standard SAP UI Theme doen't fit to our Usability Policy.

Thanks and Regards,

Ludovic

Accepted Solutions (0)

Answers (2)

Answers (2)

Former Member
0 Kudos

We finally solved the issue by integrating an eSWT control within the MI Handheld component.

Kind Regards,

Ludovic Fernandez

Former Member
0 Kudos

Hi Ludovic

So you made a custom control in your application?

Regards

Vidyadhar

Former Member
0 Kudos

Hi Ludovic:

So you made a custom control in your application?

How can I make a custom controller???

Best regards

Maria Elena

Former Member
0 Kudos

Dear experts,

I come with the following idea to solve that issue and I would like your input to check the feasability:

1) from the generated view, rewriting the default Look'n'Feel by rewriting properties via method wdDoModifyView; so then, howto change background colors of cells element according to its content?

2) enhancing the webdynpro API with a brand new component I can inherit during both design and runtime.

Any idea?

Kind Regards,

Ludovic

Former Member
0 Kudos

Hi

In Netweaver Mobile 7.1 you can try the following

To change the font, color etc., you need to create a configuration.properties file inside MI -> Settings folder and restart the client.

The contents of the file can be for example:

stylesheet.textview.backgroundcolor=#FFFF00

stylesheet.textview.font=Serif

You can change the color of Background area, status bar, etc using various properties.

Also you can use your own custom icon to show the application in the Application launcher screen.

wdDoModifyView is mainly used to modify the properties of controls like visibility in the existing view.

It can also be used to dynamically create and remove UI elements from view.

Thanks and Regards

Vidyadhar

Former Member
0 Kudos

Hi Vidyadhar,

I created the configuration.properties file and also set the background color property in it. But there are no changes in the client and the colours are not reflected in the client. Please let me know what should be done.

Also let me know how to use custom icon to show the application in the application launcher screen.

Regards,

Madhu.

Former Member
0 Kudos

Thanks Vidyadhar but what happen when I want to change the cell background color of a table according to row content? Sure, we tried the usage of the property file on the client side but that is not enough to build a rich client.

Kind Regards,

Ludovic

Former Member
0 Kudos

Hi Madhu

When you create the properties file and restart client, you can see that the file is consumed by client and no longer visible inside MI -> Settings folder. Please check this once whether it is properly consumed.

In the UI component, double click on the application. In the editor, go to Application Properties tab.

Create a user defined property with name as "icon" and value as <sampleImage.JPG>. Build and deploy it. Now the application icon should get changed. Before this you should have imported this icon in to

Resources -> src -> mimes -> Applications -> <your application folder> in the UI component.

Right click on the folder and select Import Resources from file system

Thanks and Regards

Vidyadhar

Former Member
0 Kudos

Hi Vidyadhar,

I followed the steps mentioned by you. I created configuration.properties file and added

stylesheet.textview.backgroundcolor=#FFFF00

stylesheet.textview.font=Serif

Saved the text file and restarted the client. The property file got consumed. yet i am unable to see the background color changes.

I was facing the same problem while enabling synclogs.

I also want to know the property for increasing the font size of the client.

Regards,

Priya Ghosh

Former Member
0 Kudos

Hi Priya

Try changing the following

stylesheet.default.backgroundcolor =#FF0000

stylesheet.default.foreground = #FFFFFF

stylesheet.default.font = Verdana

stylesheet.default.font.size=10

Thanks and Regards

Vidyadhar

Former Member
0 Kudos

Hi Vidyadhar,

thanks.. its working.. Where can i find the complete list of properties to be set for Mobile client.

Regards

Priya

Former Member
0 Kudos

Hi Vidyadhar ,

The properties file is being consumed by the client and it is not visible after the client has been started.

But i dont see any change in the client with resepct to the background colour, font etc.

Also i followed the procedure regarding the application image, and i am not getting the image that i want.

Please let me know problem and how to proceed about it.

Regards,

Madhu.

Former Member
0 Kudos

Hi Madhu

1)Go To Resources\src\mimes\Applications\App_Name Folder in UI component

2)Right Click on App_Name Folder and select Import Resources from file System

3)Browse the folder which contains images and select the image

4) Double Click on the Application, switch to Application properties Tab and create new User defined Application Property with Name as u201Ciconu201D and Value as image name.

Ex: Name : icon

Value : image01.jpg

Once above steps are done, redeploy the and launch the application

What property do you need to set in the UI?

Thanks and Regards

Vidyadhar

Former Member
0 Kudos

For 7.1 OCA SP03, we were given this for our development.

default

stylesheet.default.backgroundcolor

stylesheet.default.foreground

stylesheet.default.font.name

stylesheet.default.font.size

stylesheet.default.height

stylesheet.default.bordercolor

brandingarea

stylesheet.brandingarea.backgroundcolor

stylesheet.brandingarea.bordercolor

stylesheet.brandingarea.font.size

stylesheet.brandingarea.foreground

stylesheet.brandingarea.height

stylesheet.brandingarea.brandingtext

button

stylesheet.button.backgroundcolor

stylesheet.button.font.size

stylesheet.button.foreground

stylesheet.button.height

label

stylesheet.label.backgroundcolor

stylesheet.label.font.size

stylesheet.label.foreground

stylesheet.label.height

caption

stylesheet.caption.backgroundcolor

stylesheet.caption.font.size

stylesheet.caption.foreground

stylesheet.caption.height

inputfield

stylesheet.inputfield.backgroundcolor

stylesheet.inputfield.font.size

stylesheet.inputfield.foreground

radionbutton

stylesheet.radiobutton.radiobutton

linktoaction

stylesheet.linktoaction.backgroundcolor

stylesheet.linktoaction.font.size

stylesheet.linktoaction.foreground

stylesheet.linktoaction.height

statusbar

stylesheet.status.backgroundcolor

stylesheet.status.errorcolor

stylesheet.status.messagecolor

stylesheet.status.warningcolor

table

header

stylesheet.table.header.backgroundcol

stylesheet.table.header.foreground

stylesheet.table.header.height

stylesheet.table.header.font.size

content

stylesheet.table.content.backgroundcolor

stylesheet.table.content.foreground

stylesheet.table.content.height

stylesheet.table.content.font.size

footer

stylesheet.table.footer.backgroundcolor

stylesheet.table.footer.foreground

stylesheet.table.footer.height

stylesheet.table.footer.font.size

imagebutton

stylesheet.imagebutton.backgroundcolor

stylesheet.imagebutton.font.size

stylesheet.imagebutton.foreground

image

stylesheet.image.backgroundcolor

You might have to test and see if the same applies for the version you are using, I have not seen anything published as to what stylesheet properties are supported by NWM.

We are trying to move to SP7 - but we are having troubles with look 'n' feel

All our eSWT custom controls within Interactive Forms all got set to a fixed height which did not happen in SP3, it used the height set within NWDS' View Editor.