How to set a background image to fill the entire screen on any device in a spark mobile application

Hi,
I started developing a mobile application with Flex.
I'm trying to set a background image to fill the whole screen. I've been stucked at this point for days now. I tried everything and no solution seems to work for me.
I'm using a TabbedViewNavigatorApplication and i need to set some background images on views.
I need my image to fill the entire screen on any device. i don't need to mantain image aspect ratio, just need it to be fullscreen. This seemed to work when setting a custom skin on the TabbedViewNavigatorApplication, however this blocked all my views for some reason and all components contained in view became invisible.
Can you please tell me how can i achieve this?
Kind regards,
Dan

Basically you need a larger image which can accommodate any device. The trick is to show only what each device can display, so therefore some clipping will occur based on device. Have something centered and towards margins have a gradient or just plane colors that way the stuff in the middle will be visible on every device while nobody will care if you are clipping from the color fill.
C

Similar Messages

How do I fit a background image to fill the entire page?

Hi,
could anyone please tell me how I use e.g. a jpeg image as a background image that fits the entire page without getting horizontal or vertical scroll bars?
Thanks

Hi Pziecina and Nancy O.,
thank you so much for your mails. However, I'm still trying to figure this out.
@ Pziecina...I studied the source code of your webpage and tried to insert parts of it into my own page in different variations. The solution to my problem must have something to do with CSS and img src height and width. All I get is a white page. I found out that an image size set in Photoshop apparently doesn't have any effect on whether the image fills the browser 100% or not.
@ Nancy O. What I'm trying to do is to use one single image as background for a single page on the website, I'd like to construct. An image that opens up to the entire width of the screen...not just the browser. I imagine this with layers of transparent/solid color for text fields. I studied the website page, you suggested and a repeat action is not what I aim for. And I realize that maybe I'm thinking too much in Photoshop terms...thinking I can do similar actions in Dreamweaver. I'm well aware of the whole thing being 'too much' in terms of design and usability but if you check out www.frauhaus.dk I think that works beautifully, although it doesn't open up to the entire screen. I'd like to see if that design concept will work for my own website or if it's going to be too confusing.
And to both of you I really appreciate your time and input, thanks. Even though I'm still getting grey hairs as a beginner I keep thinking that there's got to be a solution to this.
Best regards from MissRaspberryDream

Background image to fill the whole screen

Hi everybody
Please assist,
1st question : I want to add the background image that fit the whole screen. I have tried to put image background however it leaves white spaces on the edges and another thing is that after adding the background image when I add content in the tables the background image start to repeat.
This is the website example I want to achieve : www.inesjaksic.com , www.grupa-desperado.com
www.street-heroes.com
2nd question : How to add the scroll bar on the text content, so when you scroll only the text moves.
Website example : http://www.kls.com/page.php?p=about/biography/index
Thank you in advance for your help.
Kind regards
Vusi

#1 Background images are static. They don't resize to fill the browser viewport without a lot of additional tricks which may or may not work in all browsers. Moreover images that resize quickly become distorted. For best all around results, build your page to a fixed-width target audience (990px is usually fine for most users). Use a seamless background tile or gradient slice and repeat it vertically (repeat-y), horizontally (repeat-x) or both ways (repeat).
#2 Use CSS overflow and height property.
#divName {
height: 400px;
overflow: scroll;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

The picture from my AppleTv on my Samsung LCD TV doesn't fill the entire screen. It is only a strip across the screen

The picture on the screen when viewing movies on Apple TV on a samsung lcd screen is only a strip across the screen and doesn't fill the entire screen. Any settings suggestions?

If you can get to the settings on the AppleTV attempt to adjust the resolution settings to something more appropriate.
This may help
https://www.apple.com/support/appletv/essentials/

When I make a mis-stroke screen images balloon up to fill the entire screen. how can I return them to normal?

I don't know what I do to make the image blow up. They don;t fill the entire screen, but fill up the normal-sized screen. This has happened on two sites. How can I get them back to normal.

Is this on Android or on the desktop? On Android, try double-tapping to zoom back out. On the desktop, to reset zoom, try Ctrl+0 (that's a zero).

How do I get SD video (4:3 aspect ratio) to fill the entire screen?

Any 4:3 video I stream has black bars on either side of the picture. I have a Samsung HDTV, and I can stream content using its own pc to tv streaming software and 4:3 videos fill the entire screen. Or if I play a DVD with 4:3 aspect ratio that will also automatically fill the screen. With the Apple TV I cannot make it fill the entire screen. Is this something to do with the signal being transmitted over an HDMI cable?
Has anyone else had this problem, and if so how have you resolved it?

I know it is displaying 4:3 video correctly, however I'd prefer if there was some stretching (non-linear) so that it fills the entire screen. Having 2 big black bars on either side gets very annoying. There doesnt seem to be an option to fill the entire screen when streaming from the apple tv. There are options when streaming from Samsung's own software (I don't want to use samsungs pc share manager as the apple tv's user interface is much better).
Are my options restricted because the signal is transmitted through an hdmi cable? Seems to be what other websites might be suggesting.

My force quit window fills the entire screen. How can I resize it? OS 10.7.5.

My force quit window fills the entire screen. How can I resize it? I have iOS 10.7.5.

Click the "Green" button?
Or, Click and Drag the Lower-Right-Corner.
I've tried both on a Mac OS X 10.7.5 Lion system, and they both affected the Force Quit dialog box.

Enlarging a Window To Fill The Entire Screen

This article: http://docs.info.apple.com/article.html?artnum=61474 says that Option + click on zoom button should enlarge a window to fill the screen. It doesn't. It enlarges in a way that is somehow proportional to the content but it won't fill the screen.
Does anyone know a way to expand a window to fill the entire screen?

Yeah. Isn't it though?
If you're interested in the prescribed behavior here is the link to the Human Interface Guidelins for OS X:
http://developer.apple.com/documentation/UserExperience/Conceptual/OSXHIGuidelin es/index.html
Look in the Windows/Window Behavior/Resizing and Zooming Windows section for more info about standard state and user state.

Suddenly my screen isn't filling the entire screen on the sides, what happened?

suddenly my screen isn't filling the entire screen on the sides, what happened?

Turn off Zoom from the Universal Access and Keyboard & Mouse panes of System Preferences.
(76635)

How to set a background image in Web dynpro for Java?

Hi,
Experts,
As i want to set a background image in my application can u please suggest how to get background image. send any sample scenarios.
Thanks in advance,
Shabeer ahmed

Hi,
I don't think it can be done in WDJ.
Maybe something can be done on the portal end.
Refer to http://help.sap.com/saphelp_nw70/helpdata/en/79/affe402a5ff223e10000000a155106/frameset.htm
Changing the theme can help maybe but I do not know how to go about that
Regards,
Himanshu

How do i get my image to fill the whole page in pages

I am making an epub book and would like the image on my cover page to fill the whol page without the large white borders around it. How can I do that in pages. I know you can't export a document as an epub if it has floating objects in it but i don;t know if thats a problem for this application or not. Thanks

Menu > File > Page Setup > create a custom paper size of 9" x 13.5" > set all margins to 0 > Format > Any Printer > OK
Create your custom cover as a jpeg and crop to 9" x 13.5" or proportional pixel equivalent.
Import your cover onto the first page of your ebook.
Inspector > Wrap > Object Placement > Inline...
Stretch cover image to fill the page.
Menu > File > Export > ePub > Use first page as book cover image
Haven't tried this myself, but this is what is recommended.
Peter

How to repeat a background image to cover the height of the page?

Hi
I have a page with an image alinged to the top in a table and
I have a pattern in the background of the cell in the same table
I need that background of the cell to repeat it self along
the height of the page, so when someone views the page at a higher
resolution, the background image will repeat it self to cover the
extra space.
I've tried setting the height of the table to percentage, but
the table doesn't cover the height of the page.
I could also make the table really long so when viewed at
higher resolution there wont be any blank space at the bottom, but
this makes an unnecessary and long scroll when viewed at lower
resolution.
Someone told me to use css but i have now idea how to
implement that.

make sure you have set your page margins to 0 if you don't
want the default
margin top left. Cut and paste the following into the head of
your document
just before the closing </head> tag.
then if you want to repeat a background image in a cell, you
need to create
a rule to do this:
.cellback {
/*this repeats the image across the page horizontally*/
/* if you want to repeat down the page, then change to
repeat-y */
background: url(pics/whatever.gif) repeat-x;
you can combine this background image rule with the other
margin setting so
you have:
<style type="text/css">

</style>
You then apply to the class to your cell
<td clas="cellback">
Examples here:
http://www.dreamweaverresources.com/tutorials/pagebackgrounds/cellbackground.htm
this shows how to use a background image for your entire
page:
http://www.dreamweaverresources.com/tutorials/pagebackgrounds/examplehor.htm
Nadia
Adobe� Community Expert : Dreamweaver
http://www.csstemplates.com.au
- CSS Templates | Free Templates
http://www.perrelink.com.au
- Web Dev
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
http://www.adobe.com/devnet/dreamweaver/css.html
> I have a page with an image alinged to the top in a
table and I have a
> pattern
> in the background of the cell in the same table
> I need that background of the cell to repeat it self
along the height of
> the
> page, so when someone views the page at a higher
resolution, the
> background
> image will repeat it self to cover the extra space.

Firefox is filling the entire screen so that the controls are off the top & bottom of the screen, & I have to log off the computer to get out of Mozilla.

Usually, there are controls at the top & bottom of the screen, & I can log off whatever program I'm in, but now Firefox is filling the whole screen: I can go from one tab to another within Firefox; however, I can't get out of Firefox without logging off the computer.

It is possible that the screen is too high and that the title bar and status bar do not show.
Open the system menu via Alt+Space and see if you can resize that window.
If that works then close Firefox to save that setting.
See also http://kb.mozillazine.org/Resizing_oversize_window
Also make sure that you are not in "View > Full Screen" mode.
Window sizes and positions are stored in [http://kb.mozillazine.org/localstore.rdf localstore.rdf] in the [http://kb.mozillazine.org/Profile_folder_-_Firefox Profile Folder].
See http://kb.mozillazine.org/Corrupt_localstore.rdf<br />
(caution: do not delete the localstore.rdf file in the Firefox program installation folder)

After my software was updated, all fonts were minimized. Web pages condensed and not filling the entire screen. Can anyone help me?

After a software update, all fonts were minimized especially on the tool bars. I cannot restore them to original size. Web pages were also minimized and do not fill entire screen. Any suggestions?

Try resetting your PRAM/NVRAM,

Visualizer not filling the entire screen

Hello everyone,
In iTunes 10 I have noticed that when I use the iTunes Visualizer, it only uses maybe a quarter of the screen at the bottom left. I do not have this problem with any of the other visualizer, only the iTune Visualizer. This only happens in full screen mode.
Any why is when i esc out the visualizer full screen it keeps the visualizer but just filling the iTunes screen.
Anyone else having this problem or have a resolution?
Thanks!!!

In iTunes 10 I have noticed that when I use the iTunes Visualizer, it only uses maybe a quarter of the screen at the bottom left. I do not have this problem with any of the other visualizer, only the iTune Visualizer. This only happens in full screen mode.
I've not seen this - it goes full screen for me provided that option is checked in Preferences>Advanced. Possibly you should update to 10.6.4, though that's a guess.
Any why is when i esc out the visualizer full screen it keeps the visualizer but just filling the iTunes screen.
That's normal. Escape gets you out of full screen, menu View>Hide Visualiser stops it altogether.

How to set a background image to fill the entire screen on any device in a spark mobile application

Similar Messages

Maybe you are looking for