How to make the UI5 application responsive ?

I am actually followed below blog and developed a sample application
How to create SAPUI5 application consuming Gateway service with the help of SAP NW Gateway Plug-in for Eclipse
Can any one please explain below :
1) I was getting an UI like this , but in example provided was achieved with a table like UI. May i know the reason behind this?
How can i achieve the UI as in blog?
my result
example in blog result
2) The result i achieved is not responsive. When i change the size of my browser the UI design does nt adjust itself.
How to make this responsive?

Hi,
1) The difference is because my example was based on Gateway Productivity Accelerator, Version 1.0 and yours is based on Gateway Productivity Accelerator, Version 1.1.1
below is how my index.html looks like. So the difference is because of GWPA version.
<!DOCTYPE HTML>

<html>
       <head>
   <meta content="IE=edge" http-equiv="X-UA-Compatible">
<link rel="stylesheet" type="text/css" href="css/styles.css" />
      <script id="sap-ui-bootstrap"
       type="text/javascript"
   src="resources/sap-ui-core.js"
   data-sap-ui-theme="sap_goldreflection"
   data-sap-ui-libs="sap.ui.commons,sap.ui.ux3,sap.ui.table" >
   </script>
     <script>
                     sap.ui.localResources("test");
                     var view = sap.ui.view({id:"ID_firstview", viewName:"test.resources.firstview", type:sap.ui.core.mvc.ViewType.JS});
            view.placeAt("content");
     </script>
       </head>
       <body class="sapUiBody" role="application">
              <div id="content"></div>
       </body>
</html>
I also upgraded to new version and yes by default now it creates mobile based application in GWPA 1.1.1 whereas it was desktop based in earlier version GWPA 1.0
also blue crystal theme is loaded by loadTheme("sap_bluecrystal"); in Application.js
2) Now regarding responsiveness, you need to change mode StretchCompressMode to ShowHideMode in App.view.js
// create splitApp
              this.splitApp = new sap.m.SplitApp({
                     mode: "StretchCompressMode"
Change mode value to ShowHideMode
Regards,
Chandra

Similar Messages

How to make the mobile application work with firewall and anti-virus ON

Hi,
I keep on receiving internal processing error when i try to login sap mobile solution 1.3.0 on my ipad and i was provided a solution, that is to turn off my firewall and antivirus. I works by turn off both of it but i cant possible turn of the firewall and antivirus on the server.
Can anyone guide me how to make the mobile application work with firewall and anti-virus ON
Thank you

Dear Rajesh,
Create a policy in your fire wall to allow the port to send and receive data.
I believe the port for the mobile should be port 8080 and 8443.
And your license server port 30000 and 30001
nd.Q

How to make the backlog of responses stop?

I have a bit of a conundrum. I created a subscription that triggers a response that does a writeXML and copy of the asset media file to a directory for MediaSilo. What I FORGOT to do was to set the asset filter for that subscription. The result is that every new and modified asset gets copied and XML written since I made the change at the beginning of the week. FCSver uploaded 4500 files to MediaSilo in the last few days!
The problem is that I can't make it stop. It seems that there is a backlog of subscription jobs that are getting dumped three or four at a time into the Jobs window every few minutes. I turned all the subscriptions off even after I fixed it, to make sure new responses weren't being fired. The copy and writeXML is still happening. I've stopped FCSvr and restarted it, I've rebooted the server, I don't know what else to do. It just seems like there's a subscription daemon running from when I originally made the bad subscription. And when FCSvr has a ton of jobs to process, no other responses that require the job queue will work until pending jobs are completed. How do I clean out the bad responses?
Thanks!
Message was edited by: nylonoxygen77

One thing that will definitely work is to destroy the destination the Copy response is set to write into. Delete that directory (if you can) or even just rename it so the string does not match the one in the Copy response. That will cause all the events in the queue to fail out (which could take a while, but give it the weekend and that should cover it). Once that is over, rebuild your setup for that automation the right way. It means nothing can go to MediaSilo while that plays out, but it sounds like that is a small price to pay given your situation.

How to make the exe always visible in the illust application.

Hi,
I created an interface for "illustrator CS" using Visual Basic and copied that exe in Scripts folder. I want to know how to make the exe always visible in the application(Not in Taskbar), once it was clicked. Could you please kindly help me to solve this.
Regards,
Prabudass

Hi,
I guess....though i am not pretty sure....but the Preview tab has been discontinued in the newer versions....
Only the Gods can give a perfect solution though...!!
<i>Do reward each useful answer..!</i>
Thanks,
Tatvagna.

How to make the exe always visible in the application window

Hi,
I created an interface for "illustrator CS" using Visual Basic and copied that exe in Scripts folder. I want to know how to make the exe always visible in the application window itself(Not in Taskbar), once it was clicked. Could you please, kindly advice me.
Thanks,
Prabudass

Hi,
I guess....though i am not pretty sure....but the Preview tab has been discontinued in the newer versions....
Only the Gods can give a perfect solution though...!!
<i>Do reward each useful answer..!</i>
Thanks,
Tatvagna.

How to make the buttons INVISIBLE in the Application toolbar

Hi All,
I have a requirement to create a button in the Application toolbar of the Module Pool Screen. The field should be made Invisible by default. and it should be displayed based on one condition.
Could you please let me know how to make that particular button INVISIBLE. I think we can make it invisible by using EXCLUDING statement. But, How to make the button VISIBLE again when the check is satisfied.
I found from the portal that the FM 'VIEW_SET_PF_STATUS' can be used to make a button INVISIBLE. Could anyone help me out how to pass the parameters to this Function module?
or is there any Function Module available to make the button VISIBLE and INVISIBLE? Please help me on this issues.
Is there any possibility to make the button VISIBLE or INVISIBLE as we do for the screen fields using LOOP AT SCREEN..?
Thank you in advance.
Regards.
Paddu.

Hi,
Try to use below in the PBO module status_0100 OUTPUT.
DATA t_fcode TYPE TABLE OF sy-ucomm.
refresh t_fcode[].
APPEND 'Function code name of the button' TO t_fcode.
Check the condition here for which you want to make field visible.
DELETE FCODE of the button from T_FCODE table
ENDIF.
SET PF-STATUS 'STATUS_0100' EXCLUDING t_fcode.

How to make a Java application that will change the client box's IP address

HI how to make a Java application( that application would be run on the client ) that will change the client box's IP address ( IP address of itself )

If you can do that through the command line, then use Runtime.getRuntime().exec(...) to execute your command.

How do I make the Nook application my default reader on my IPad?

How do I make the Nook application my default reader on the IPad?

I have the same question and I don't see an answer. I have downloaded the Nook for iPad. I purchased a book and when I tried to download it, it asked me to download it into iBooks. When I contacted B&N their suggestion was to make sure that iBooks was not set as my default for books. When I went into the user guide I found nothing to help me change this option. I have sinced received my download from B&N (two days later it just appeared in my nook app on my iPad) but since then I've purchased and tried to download 3 more books from B&N and the same things happens. Should I just get rid of the iBooks app?

How to make the inputs appear in Playback

Hi,
I would like to know how to make the inputs (line-in, mic, SPDIF-in) appear in playback of windows's mixer ?
Im running XP pro sp3 with XFI Extreme Audio PCI-Express.
I dont know why but there is no inputs in playback that making me unable to hear it while its being recorded.
<img border="0" height="405" width="640" src="http://img70.imageshack.us/img70/672/mixergq0.png">
<img border="0" height="542" width="640" src="http://img399.imageshack.us/img399/486/allmysettingsmq2.png">
Message Edited by Nuja on 0-06-2009 2:07 [email protected]

- I've read a little more and come to these conclusions:
. The instructions presume that a CD is included with the card for the purpose of installing the software. A CD/DVD reader is a requirement for this reason.
2. The card uses Intel HD Audio. This changes enough of what I know about CL's card that I really don't know that the lack of external inputs in the playback mixer is not intentional and uni'versal. A recording application could let you listen to what is being recorded by having an option of playing back what's being recorded.
I have enough uncertainty now that I don't think it's useful for me to continue commenting. If someone who has a? PCI Express X-Fi Xtreme Audio that came with the software CD and hard-copy documentation wishes to share whether or not they have line-in, etc. in the playback mixer, it could be useful.
-Dave
?[email protected]

How to make the exchange of data between 2 while loop in real time

hello
I have 2 while loop
the 1st while loop includes the data acquisition program
the 2nd while loop includes the control program
my question is how to make the exchange of data between 2 while loop in real time
I tried with the local variable and direct wiring between the 2 while loop
it does not work (there is a delay)
Solved!
Go to Solution.

Bilalus,
Queues are only good to transfer data if your application isn't deterministic. Since you are using Real Time, I am assuming that your application requires determinism. If you are using Timed Loops and you use queues to transfer data between your loops, you are losing determinism. In this case, you need to use the RT FIFO functions.
Warm Regards,
William Fernandez
Applications Engineering
National Instruments

How to make the backlight stay on when charging? N...

Hi
How to make the backlight stay on when charging? or it is not possible?
Thanks

Did you select HIDE under the Options (in the application) ? Its working fine on my Nokia 5800xm
There is one more.. KeepItOn also available at OVI Store..
--------------------------------------------------------------------------------------------------------------------------------------------------------------If you find this helpful, pl. hit the White Star in Green Box...

How to make avilability of Application components in R/3

HI all,
I am creating generic datasource using Tcode SBIW. I entered MM-IO as application component name, If i am trying to save, it is giving error 'There is no application Component MM-IO'.
Could you pleae any one tell me how to make availability of application compents in R/3.
Thanks,
Ravi Basavaiah.

Hi Ravi,
Check using transaction RSA6, if there is an node MM-IO in the path SAP - R/3 --> MM
If not, u can create one using the "Create Icon" or using menu path "Hierarchy --> Create node"
Regards, Uday
Assign points for helpful answers and get one point for yourself.

How to make the date to be entered as dd-mon-rrrr using form personalizati

Hi friends,
how to make the date entered to be dd-mon-rrrr format.....
the date should be entered only in this format...or esle it should not accept the date
how to do this with form personalization.....
thanks

1) Instead of personalization, set ICX: Date format mask profile appropriately using sysadmin responsibility at the appropriate level.
2) If you have to use this new format just for one form, then use personalization to set the profile option in the when-new-form-instance. But unsetting it will be a problem.
I recommend option 1 above.
Hope this answers your question,
Sandeep Gandhi

How to make the last line of the textarea visible all the time?

Hello,
I am making an online chat application in JSP and XHTML. The chat log and online users� names textareas are refreshed every 5 seconds. When it comes to many messages in the chat log textarea, the scrollbar appears. Then, every time the chat log textarea is refreshed, I need to move the scrollbar down to see the last line of the textarea.
Are there any ideas how to make the last line of the textarea visible all the time without moving the scrollbar?
Thanks in advance.
Dan

I put the below code on the page, but it didn't work.
Are there any ideas? Thanks.
<table border="0" cellspacing="1">
<tr>
<th>Chat Log</th>
<th>Users now online</th>
</tr>
<tr>
<td><textarea rows="20" cols="60" name = "messages" readonly = "readonly"><%= texts %></textarea></td>
<td><textarea rows="20" cols="20" name = "names" readonly = "readonly"><%= names %></textarea></td>
</tr>
</table>
<script type="text/javascript">

</script>

How to make the servo motor to move in steps of set degrees and stop

how to make the servo motor to move in steps of set degrees and stop

Hi,
I think the following document would be a good starting place: NI Developer Zone Tutorial: Single Axis Moves It includes links to several example programs that you may find useful for your application. Keep in mind that there are many motion examples that ship with LabVIEW as well.
I strongly recommend that you check out the following documents as well:
NI Developer Zone Tutorial: Simple Point to Point Motion
NI Dev
eloper Zone Tutorial: Hands-On Motion
NI Developer Zone Tutorial: Axis Settings for Motion Controllers
These tutorials will help give you a good foundation for understanding motion control systems.
Best wishes!
Dawna P.
Applications Engineer
National Instruments

How to make the UI5 application responsive ?

Similar Messages

Maybe you are looking for