Customize UI of HWC application using phonegap

[Former Member]

Hi All,

I have HWC application with default UI provided by SAP.

I want to customize this as per client need using phone gap.How can I do this?Searched on net and SCN but did not get the tutorials...

From where and how can i start,Please help and send me some useful link.

Note: I need to do development for both iOS and Android.

Thanks.

[midhun_vp · Accepted solution]

What changes you want to do in the HWC app using PhoneGap ?

PhoneGap can be used for extending the functionalities of the app ex: camera, phonebook, maps etc in the HWC application.

This will help you,

http://infocenter.sybase.com/help/index.jsp?topic=/com.sybase.infocenter.dc01218.0213/doc/html/vhu13...

http://scn.sap.com/community/developer-center/mobility-platform/blog/2013/02/28/adding-some-phonegap...

http://scn.sap.com/thread/3359393

- Midhun VP

[midhun_vp]

If you want to improve the look and feel of the HWC application you have to use your own custom code inside the custom.js file.

Example is here, http://scn.sap.com/community/mobile/blog/2013/02/20/develop-hwc-app-with-customized-list

- Midhun VP

[Former Member]

Hello Midhun,Great!

Thanks a lot.Please share some more tutorials regarding UI customization or something like step by step approach.

[midhun_vp]

You can find sample apps on Phonegap and Sencha here, https://cw.sdn.sap.com/cw/groups/sup-apps.

You can download it and try.

- Midhun VP

[Former Member]

I'm not able to download the applications:Getting following message, then nothing happens...

[midhun_vp]

1. Login to SCn

2. Click on the link,

https://cw.sdn.sap.com/cw/groups/sup-apps

3. Click on login

4.Again open the link,

https://cw.sdn.sap.com/cw/groups/sup-apps

5. Click on the project needed,then download.

- Midhun VP

[Former Member]

Do not know...why?? But, I'm not able to download.

[midhun_vp]

Ahh

Actually they are removing the projects from code exchange from Aug 31st but I don't know why you are not able to download files.

Below is the mail related to removing the projects from code exchange.

Dear Code Exchange Project Owners:

After providing you with a channel for sharing your projects on Code Exchange since October 2010, we regret to inform you that Code Exchange will be closing. The last day of the SAP managed forge will be August 31st 2013. We urge you to retrieve all relevant project files from Code Exchange before it closes.

Note, the Code Exchange Terms of Use do not provide the rights to share code outside of Code Exchange. We are actively investigating the possibility of extending the existing licensing model for HANA, SMP, etc. to other technologies that would allow the sharing of code on public forges, and in certain cases commercialize that code. This community space on SCN will remain available for all those interested in promoting their code.

Please let us know if you need help in retrieving your project files from Code Exchange by sending an email to devcenter@sap.com .

- Midhun VP

[Former Member]

Thanks for this information.

[tahir_z]

Hi,

SAP Provides jquery-mobile UI framework so if you want to customze theme you can do it by changing jquery.mobile-1.0.css

Phonegap is not using for customization UI. With Phonegap you can achieve native functionality of device. E.g openin email composer etc..

Check out this blog
https://cw.sdn.sap.com/cw/docs/DOC-149428

Regards

Tahir