Fixed header in FIORI like app!!

Hello All,
I am building a Fiori like app. I want to have a fixed header for this app and the header would be the company logo and a stretched image. I have implemented this but the problem I am facing is that the, when I run the application on IPad, the footer is hidden below and does not show up until I double tap and close the header image.
My requirement is to display header and also the app inside the container to be shown on a single screen irrespective of the device it is running on.
My index.html script is as shown below.
<script>
       new sap.ui.core.ComponentContainer({
       name : "sap.ui.demo.myFiori"
       }).placeAt("content");
</script>
<body class="sapUiBody">
       <div id="image">
            <img src="./images/App-header.jpg" style="max-width:100%;">
       </div>
       <div id="content" style="max-width:100%;"/></div>
</body>
Any ideas would be highly appreciated. Thanks

Hello Robin,
Thanks for your response.
Why not simply create a header inside your application shell?
Basically I do not find any header control to add an image. So I changed my code to the following:
new sap.m.Shell({
app : new sap.ui.core.ComponentContainer({
name : "sap.ui.demo.myFiori"
}).placeAt("content");
But, looking at the properties of a shell. here I can add an image as a background. but I cannot cannot set as an header. I hope I am doing the right thing. If I am wrong please correct me. Any sample example would come handy too.
Thanks
Sangamesh

Similar Messages

Use of uiext.Inbox control in a Fiori-like application

Hi all,
I'm investigating Fiori-like custom application development, underlying platform is HCP.
I need to provide an inbox for BPM tasks and the uiext.Inbox control look pretty cool to me.
However, I understand it does not belong to the sap.m package where Fiori controls belong.
Thus, I expect interoperability problems when embedding the uiext.Inbox in a Fiori-like application.
So I'd be grateful if anyone could clarify
can uiext.Inbox integrate in a Fiori-like app?
in case it can't, how could one implement a task inbox on Fiori-like applications?
Thanks, regards
Vincenzo

You can use the # format specifier after the seconds to specify milliseconds.
For example, you might be using the format string "hh:nn:ss" to currently specify hour, minute, and second. You could add a "." and a "#" for every digit to the right of the decimal to specify milliseconds. For example, if you wanted to specify hour, minute, second, and 2 decimals for the milliseconds, the format string would be "hh:nn:ss.##".
- Elton

Fixed header

I've used a CS5 dream weaver template and altered it. I'm try to have a fixed header with the body scroll behind in like this site. http://saturday-london.com/
My header is hidden behind the body, how canI change it. I've linked my page and my added the html code at the bottom if someone can tell me where I'm going wrong.
My page: http://www.connexioneure.com/Maision.html
html listed below.
Thanks!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Maision</title>



<style type="text/css">

</style></head>
<body>
<div class="header">
<p> </p>
</div>
<p> </p>
<div class="container">
<div class="sidebar1">
    <ul class="nav">
      <li><a href="http://www.hintmag.com/post/at-cannes-a-brothel-revisited--june-02-2011">From HINT MAGAZINE</a></li>
    </ul>
    <p> The above links demonstrate a basic navigational structure using an unordered list styled with CSS. Use this as a starting point and modify the properties to produce your own unique look. If you require flyout menus, create your own using a Spry menu, a menu widget from Adobe's Exchange or a variety of other javascript or CSS solutions.</p>
    <p>If you would like the navigation along the top, simply move the ul.nav to the top of the page and recreate the styling.</p>
</div>
<div class="content">
    <p align="justify"><img src="close1.jpg" alt="close2" width="400" height="257" hspace="10" align="left" />The soulful crooning of the Moody Blues together with the decadence of fin-de-siècle Paris may sound like a Sofia Coppola period piece. But no, this particular mash-up took place in a film shown this year at Cannes. L’Apollonide—Souvenirs de la Maison Close (House of Tolerance) is the modest yet gorgeous historical drama that defetishizes and humanizes its female subjects, the belle filles of Maison Close, a turn-of-the-century brothel.<br />
      <br />
      The poignant portrait of an illicit community of women is depicted with heavy nudity but little sexuality. Along the way are graphic tales of the horrors of the whorehouse and others like it. The unconventional approach to featuring these ladies-of-the-night (and day) is precisely what makes them interesting. “In the film there are very few shots of men,” explains French director Bertrand Bonello of his vision. “I wanted to show the movie from the point of view of the girls, something you don’t really see in literature or paintings of the time. I found a lot of what’s known is what happened in these brothels between 8 pm to 4 am, so I wanted to show what happens from 11 am to 8 pm.“<br />
      <br />
      A tremendous amount of research went into the film, which competed against (and lost to) Terrence Malick’s The Tree of Life and Lars Von Trier’s Melancholia. “I read a lot of history, articles, diaries, and did visual research. I saw paintings and looked at their postures. It was important to me to capture that in the film,” said Bonello, whose actresses have a girlish Lolita quality, an inexperience showing through their pinned curls and rouged lips.<br />
      <br />
      The result is a visually lavish story that follows twelve girls of the enigmatic Maison Close. “While shooting I really had to pay attention to all of them," describes Bonello. "That was probably the hardest part, to make sure no one was overlooked, that each girl had her own story. Costumes were an important part of that. We put most of our money toward the corsets. Every girl had their own. They were the most beautiful creations. We tried to adapt each corset to each girl’s personality."<br />
      <br />
    As far the jarring choice of music, Bonello says, “Half of the music I wrote myself and the other half is soul music from the ’60s. Something I noticed was this relationship between the kind of slavery you hear in that era of soul music to the lives of these girls. I thought it related well.”</p>
    <h2> </h2>
</div>

You want to add top padding to the body element so your content clears the header:
body {
margin: 0;
padding: 40px 0 0 0;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.6;
background-color: #FFF;
Then edit your header rule thusly:
.header {
background-image: url(cannesclosesort.jpg);
font-size: 10px;
background-repeat: no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-position: center center;
margin: 0px;
position: fixed;
padding-top: 40px;
top: 0;
width: 100%;
background-color: white;
z-index: 999;
Al Sparber - PVII
http://www.projectseven.com
The Finest Dreamweaver Menus | Galleries | Widgets
Since 1998

[dataTable] fixed header and scrollable content all-in-one

Hi folks,
In your opinion, how can I use CSS like here (see [http://www.imaputz.com/cssStuff/bigFourVersion.html] or [http://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header.html]) in a "h:dataTable", to have a fixed header? Have you a quick example?
Thank you very much for your support.
G.

The h:dataTable just renders a HTML table. Apply the same using the standard attributes and standard way of writing CSS.

FIORI UI APP extension- duplicate app creation

Hi All,
I have just started to learn FIORI and willing to extend FIORI standard apps. As a first step I am trying to download SAP standard PO approval FIORI app to eclipse and without changing it I am just creating Z app and uploading the same with the program /UI5/UI5_REPOSITORY_LOAD. When I was testing the new Z app from SE80 as BSP app it is giving me just blank screen with just FIORI usual blue theme but no content in it. I tried to test it in local Apache Tomcat server but it is giving me same blank screen.
What I am doing wrong?
Please find the steps which I have executed
Download MM_PO_APV app from server using /UI5/UI5_REPOSITORY_LOAD
Create SAPUI5 project and import the app in webcontent folder.
3. Upload the app from eclipse workspace folder without changing anything using the same program /UI5/UI5_REPOSITORY_LOAD. Name the new app as Z….app.
4. Goto SE80 and test the new BSP app.
The blank screen appears like following,
Tags edited by: Michael Appleby

Regards,
Dipanshu

[svn:fx-trunk] 7868: Fixed bug in flex4test testWheel app; it needed to be updated to the latest effects API after motionPaths changed from an Array to a Vector . MotionPath

Revision: 7868
Author:   [email protected]
Date:     2009-06-15 16:37:33 -0700 (Mon, 15 Jun 2009)
Log Message:
Fixed bug in flex4test testWheel app; it needed to be updated to the latest effects API after motionPaths changed from an Array to a Vector.
Modified Paths:
    flex/sdk/trunk/development/eclipse/flex/flex4test/src/testWheel.mxml

Walter Laan wrote:
almightywiz wrote:
Walter Laan wrote:
The security popup really messes with the focus in Firefox (3.6.16) though.Not saying you're wrong, but I'm using FireFox 3.6.16, as well, and I have none of the focus troubles you've described.Cannot reproduce it now either. Weird.I got the impression you were referring to keyboard focus, so I did some further tests on focus behavior. The test results are listed in the Accumulated Results table on the 1st post.
The only browser so far that works as I'd expect, or at least as I'd like, is IE.
Applets and keyboard navigation have always been a PITA. Some time ago I vaguely recall seeing an update involving a new parameter to regulate initial focus (applet or page, ..or another applet), but for the life of me I cannot locate it now. Given that it was a parameter for initial focus, I doubt it would help in this case.
Edited by: Andrew Thompson on Mar 26, 2011 6:18 PM
Removed table which has now been expanded & added to 1st post.

How can I delete stuff like apps from my iCloud account?

How can I delete stuff like apps from my iCloud account?

Select what you want to back up in iCloud (tap to enlarge image)

What is the best siri like app for macbook pro?

what is the best siri like app for macbook pro?
any one have experience with dictation apps?

Welcome to the Apple Support Communities
First, use speech recognition. It's installed on OS X, so you don't have to install a third-party app. See > http://support.apple.com/kb/PH11258?viewlocale=en_US

Is there a good office like app for ipad

I have tried documents and cloud on but cannot find a good office like app. Any ideas?

There are numerous RSS applications in the App Store. Go shopping. You can also search on MacUpdate.

Create a new DB user like APPS user

Hi all,
I want to create a database user that have [select] and [execute] privilages for all tables under all schemas in eBusiness Suite database instance.
My aim, is to create a safe user that can execute any query like APPS user do, but he can not update\insert\delete like APPS user do. Because APPS user should be limited to a few DBAs only, while other IT developers need to select or exexte programs only.
the problem come from that not all eBusiness Suite DB objects under one schema, they are distributed under many schemas like APPS, HR, ..ect.
Any advice on how to create such user pls?
Regards
Bas.

Check the following thread:
Create read only user like apps
create read only user like apps

Getting a fixed header for Mobile site?

Hi,
I am trying to set up a fixed header for my mobile site. I have tried multiple things and keep running into the same issue. Although I haven't tried to view on another mobile platform other than iOS 8.1, but the issue that I am having is my address bar will not collapse when I have any scroll effects set in the page. So what ends up happening is that I am loosing the top portion of my page because the address bar is still visible. Is there a work around?
I attached a image of my site and another site with what I am trying to accomplish.
Thank you!
Dean

Unfortunately, it's a trade-off. Scroll effects on mobile devices are performed with JavaScript, which prevents iOS from shrinking the browser frame. See the link below:
Organic behavior of mobile browser / Scroll effects

[svn] 1536: -fix header

Revision: 1536
Author: [email protected]
Date: 2008-05-02 11:34:12 -0700 (Fri, 02 May 2008)
Log Message:
-fix header
-junit check: the method 'suite' must be declared with a junit.framework.Test return type.
ant main unit PASSES
Modified Paths:
blazeds/trunk/modules/core/src/java/flex/messaging/cluster/package-info.java
blazeds/trunk/modules/core/test/java/flex/messaging/util/concurrent/DefaultThreadPoolExec utorTest.java

Maybe this will help you.
Sticky Footer Demo (adjust location to top in your code)
http://alt-web.com/DEMOS/CSS2-Sticky-Footer.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

I bought an album on iTunes and 3 of the songs only play for 30 seconds. I have tried re-downloading the album 3 times and the problem has not been fixed. I would like some help please and thank you.

I bought an album on iTunes and 3 of the songs only play for 30 seconds. I have tried re-downloading the album 3 times and the problem has not been fixed. I would like some help please and thank you.
Artist: Imagine Dragons
Album: Night Vision

Report it here:
iTunes Store Support
http://www.apple.com/emea/support/itunes/contact.html

I updated my iOS to 7 yesterday. But my music app doesn't show the 'Radio' button as the online videos and Apple website claims. What could be the reason and how to fix it. All other apps, swipe up/down seem to be working fine.

I updated my iOS to 7 yesterday. But my music app doesn't show the 'Radio' button as the online videos and Apple website claims. What could be the reason and how to fix it. All other apps, swipe up/down seem to be working fine.

Try to connect in recovery mode, explained in this article:
iOS: Unable to update or restore
Before that, back up your device, explained here:
iOS: Back up and restore your iOS device with iCloud or iTunes
How to back up your data and set up as a new device
You can check your warranty status here:
https://selfsolve.apple.com/agreementWarrantyDynamic.do

How do I get the top banner to always be viewed while scrolling? (fixed header)

How do I get the top banner to always be viewed while scrolling? (fixed header)

Have you tried pinning the banner as an element?
http://tv.adobe.com/watch/muse-feature-tour/muse-pin-objects-to-the-browser-window/

Fixed header in FIORI like app!!

Similar Messages

Maybe you are looking for