ADF Mobile : Setting background image using inline style not working.

The snippet is part of my amx page.
But the issue is that the background image is not coming up in the deployed iphone application.
The html source of app page shows that a background image is associated with this component but the location is file:///Users/oracle/Library/Application%20Support/iPhone%20Simulator/5.0/Applications/com.oracle.smartphone/smartphone.app/backgroundrepear.png instead of some Xcode_Project>Far location which I was expecting.
The image is actually present in public_html/icons
And I set the inline style using the property inspector of listItem.
<amx:listItem showLinkIcon="true" id="li1" action="goToWorkerDetail"
inlineStyle='background-image:url("/icons/backgroundrepear.png"); background-repeat:repeat-x;'>
<amx:tableLayout width="100%" id="tl1">
<amx:rowLayout id="rl2">

955920 wrote:
The snippet is part of my amx page.
But the issue is that the background image is not coming up in the deployed iphone application.
The html source of app page shows that a background image is associated with this component but the location is file:///Users/oracle/Library/Application%20Support/iPhone%20Simulator/5.0/Applications/com.oracle.smartphone/smartphone.app/backgroundrepear.png instead of some Xcode_Project>Far location which I was expecting.
The image is actually present in public_html/icons
And I set the inline style using the property inspector of listItem.
<amx:listItem showLinkIcon="true" id="li1" action="goToWorkerDetail"
inlineStyle='background-image:url("/icons/backgroundrepear.png"); background-repeat:repeat-x;'>
<amx:tableLayout width="100%" id="tl1">
<amx:rowLayout id="rl2">hi,
i managed to get the background-image working. I dont use inlineStyle , instead i use "Skinning"
Since im want all my pages have the same background image, i overwrite the panel page css
.amx-panelPage {
background-image: url("../pic1.jpg");
the css file is located under "ApplicationController/public_html/resources/css/myiPhone.css"
the image file is located under "ApplicationController/public_html/resources/pic1.jpg"

Similar Messages

Background image stretch in html not working if 'never remember history' is choosen

I have a problem that did not exist in previous mozilla versions. I found the problem after installing the most recent version and after setting firefox to "never remember history"
The problem is related to the CSS code for stretching a background image to fit the screen. The background image does stretch if "never remember history" is NOT set. Only part of the image is displayed and the rest of the background is black. I first noticed it with my website www.missionbayhighalumni.com and later found that the same problem also occurred with this website:
http://www.htmlite.com/faq022.php or http://www.htmlite.com/faqEX004b.html
I created several test cases with very simple code, all had the problem. The background image stretch code tests all work for other browsers and even firefox if "never remember history" is not selected. It also appears to be intermittent.

Looks fine to me and all containers have a height:100%, so that is also correct
You can remove all data stored in Firefox from a specific domain via "Forget About This Site" in the right-click context menu of an history entry ("History > Show All History" or "View > Sidebar > History") or via the about:permissions page.
Using "Forget About This Site" will remove all data stored in Firefox from that domain like bookmarks, cookies, passwords, cache, history, and exceptions, so be cautious and if you have a password or other data from that domain that you do not want to lose then make sure to backup this data or make a note.
You can't recover from this 'forget' unless you have a backup of the involved files.
It doesn't have any lasting effect, so if you revisit such a 'forgotten' website then data from that website will be saved once again.
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem.
*Switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance
*Do NOT click the Reset button on the Safe Mode start window
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

Background Image in Nav Bar Not Working in IE 6 (but ok in 7 and Firefox 2)

Hi gang,
I'm having a bit of a problem with a background image for a navigation bar not appearing in IE 6. I've also tested it in IE 7 - it works perfectly, as it does in Firefox 2.
http://www.iainmoran.com/update/test.html
The really strange thing is the part of the bar after "Contact" IS fine in IE 6.
Also, is there any way to remove unused styles (in an external CSS) in DW? Just it would be a pain to go through and remove the styles I've tried, but then later decided not to use.
Thanks again,
Iain.

Have you contacted Project VII support or searched their knowledge base?
http://www.projectseven.com/support/index.htm
Also, is there any way to remove unused styles (in an external CSS) in DW? Just it would be a pain to go through and remove the styles I've tried, but then later decided not to use.
Not exaclty a DW answer, but I've used the free FireFox add-on to help me find unused selectors. Point it to a sitemap.xml and it can spider the whole site (as listed in that xml file).
https://addons.mozilla.org/en-US/firefox/addon/5392
But be careful with it. It apparently doesn't read JavaScript and your PMM triggers are actually used.
Mark A. Boyd
Keep-On-Learnin' :-)
If you are reading this via email, be aware that it may not be an accurate representation of my message. Login to read the actual message and/or to reply.

Purchased Motion backgrounds to use in FCE - not working correctly!

Hi there,
Perhaps someone can help me. I ordered some motion backgrounds from actionbacks.com and have been trying to use them in FCE. These backgrounds are meant to loop seamlessly when they are stacked side by side...
When i drag one into the timeline, copy it and put the copied one next to it they are seamless and look very nice. But as soon as I add a video to the timeline above the background and render it, i am getting a black flash that happens inbetween the two looped backgrounds. Tech support for the product says it sounds like a Final Cut Express issue. Any insight anyone?
Thanks a lot,
Karen

Hello Tom - Sorry for the very long delay in getting back to you on this. My Aunt passed away and I haven't been back to my computer for some time... I just launched this problem again and found where we left off. (Hopefully you don't mind re-examining this issue with me after so long).
To answer your last question, yes, when I exported a quicktime self-contained movie of the loops stacked side by side, i still get the black flicker. I see it when i watch it in QT and also when I re-import it into FCE. I even see it before I ever add a video clip to V2!
Yes, I can put the loops side by side on the timeline and play them and I don't see the black flash. It seems that I only see the flicker when I render (after placing the video on V2) OR when I export the loop as a QT movie.
Any more thoughts on this? Actionbacks is a very reputable company... I know this problem must be on my end, otherwise they wouldn't stay in business!
Thanks for any additional help you may be able to offer.
Karen

BUG:text-align:right; inline style not working on read-only af:InputText

Hello,
A bug in how af:InputText works if readonly=true. I have an af:InputText that has "text-align:right;" for the InlineStyle. The inputText is inside of an af:Column in af:Table. If the inputtext is readonly=false, it works properly and renders right-aligned. If readonly=true, then it renders left-aligned. I have also tried setting inlineStyle for the column to text-align:right;, and I get the same behavior.
Regards,
John

John,
Try adding formatType="number" to your af:column (if you want all data in that column aligned to the right). If you don't want the entire column right aligned, try using disabled instead of readonly.
Jim

Flex 4 Mdi canvass, how to set background image..?

Hi.,
     Now i try to use mdi canvass background image,how to set background image in mdi canvass in flex 4..
With Regards
LinFlex-

In the past flex 3 version, there is an attribute call <flexlib:MDICanvas backgroundImage="@Embed(source='/imgFolder/imgFile.png')/>
to set it. However it has problem in Flex 4 because of 'halo' and 'spark' theme library changed.
The following is my post that still haven't found the answer.
Dear all,
We have a project that doing migration from flex 3 to flex 4. We use flexlib the latest version of
flexlib - 2.5 - flex4.zip.
However we confronted problems that several of attributes that flex 4 doesn't support:
Constraints are listed as follows:
1) <flexlib:MDICanvas backgroundImage="@Embed(source='/imgFolder/imgFile.png')/>
2) <flexlib:MDICanvas backgroundSize="auto"/>
3) <mx:ApplicationControlBar barColor="#000000">
original error message:
====================================================
Description     Resource    Path    Location    Type
The style 'backgroundImage' is only supported by type 'flexlib.mdi.containers.MDICanvas' with the theme(s) 'halo'.    MainView.mxml     /osss/flex_src/hk/gov/labour/osss/view    line 242    Flex Problem
Description    Resource    Path     Location    Type
The style 'backgroundSize' is only supported by type 'flexlib.mdi.containers.MDICanvas' with the theme(s) 'halo'.     MainView.mxml    /osss/flex_src/hk/gov/labour/osss/view    line 242     Flex Problem
Description     Resource    Path    Location    Type
The style 'barColor' is only supported by type 'mx.containers.ApplicationControlBar' with the theme(s) 'halo'.    MainView.mxml     /osss/flex_src/hk/gov/labour/osss/view    line 227    Flex Problem
Regards,
Man Pak Hong, Dave
manpakhong
[email protected]

Flex4 How to set background image in Vgroup..?

Hi.,
        I have using v flex 4 vgroup to set background image., but image was not display.. any change my code.,
<fx:Style>
      .backgroundImage
            color:#808080;
            fontWeight:bold;
            fontSize:18;
            fontStyle:italic;
            contentBackgroundColor : #FFFFFF ;
            backgroundImage:Embed("assets/Green Apple.jpeg");
</fx:Style>
<s:VGroup paddingBottom="10" width="100%" height="600" paddingTop="10" styleName="backgroundImage">
    <s:Label text="hai hai hai">
         </s:Label>
       </s:VGroup>
any solution to solve this....
With Regards.,
LinFlex-

@Peter
Yes! This works well now. Now I can get repeating background images directly in the code as well as in my CSS style sheets. This looks good and helps me a lot as there are lots of occasions for me using this. I've gotten used to having repeating image backgrounds in HTML and missed that in Flex 3. This feature alone makes moving to Flex 4 worthwhile.
This works fine for me:
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx">

    <s:BorderContainer width="100%" height="100%"
         backgroundImage="@Embed('images/bkg/grey_grid.gif')"
         backgroundImageFillMode="repeat" >

        <s:BitmapImage id="legalPad"
              source="@Embed('images/bkg/legalPad.gif')"
              fillMode="repeat"
              left="40" top="100"
              width="825" height="200" />
    </s:BorderContainer>
</s:Application>
Here are the images I used:
grey_grid.gif
legalPad.gif

PanelTabbed setting background image to tab

Hi,
I have 2 questions in UI components . I am using Trinidad components.
1) I am having the paneltabbed with 2 tabs, i want to change the background of tabs based on selection(when selected tab1 background should display a.png ,when tab2 is selected tab1 should display b.png, similarly all tabs background image should change dynamically based on selection.
I wrote javascript for onclick event
function TabButtonSelection(){
alert('inside Tab1ButtonSelection');
document.getElementById('Frame1:sdiTab1').style.backgroundImage="url('/images/yellow.jpg')";
document.getElementById('Frame1:sdiTab2').style.backgroundImage="url('/images/grey.jpg')";
but not working. Can you please give any suggestion?
2) Input Date is not displaying calendar(date picker) icon, so i couldn't select date
<tr:inputDate label="Date of Birth" required="true" id="selectInputDate1" shortDesc="Enter date in dd/mm/yyyy format" requiredMessageDetail="Enter date in dd/mm/yyyy format">
<f:convertDateTime pattern="dd/mm/yyyy"/>
</tr:inputDate>
only label and textfield is displayed , i am able to enter date but can't choose from calendar. If i set chooseid for inputdate component full calendar is displayed.
Please provide some solutions.

Trinidad Users mailing list should be able to provide answers for Trinidad
http://myfaces.apache.org/trinidad/mail-lists.html
There is no reason you should have to use javascript. You can use skinning and the "selected" pseudo class to style the tabs.

Setting background image for repeating frame in .pdf report

Is it possible to set a background image for a repeating frame, and more specifically for a repeating frame rendered in .pdf?
I do not see any standard property in the navigator for images of any sort and the documentation touches only on setting background images for graphs, which is not the intent in my case. I -did- add an HTML table property background="myimage.jpg" but the report is ultimately generated in .pdf format and I was not surprised to see that the image was not rendered.
Does anyone know if setting a background image as described is even possible, and if so, how? A second but less optimum solution would be setting the image as the background for all report pages, again in .pdf.
Many thanks.

Hi Raj,
Yes you can have an image in the background. Thats possible if you are using XML forms as an iview or ivew dev in WebDynpro...
Also check this [link|regarding background color change in iview]
Regards,
Piyush
Reward points if this helps!!!

Set BackGround Image

Hi,
i am new Developer in iphone,i want to ask very basic Question, i install iphone SDK 3.1 and using snow leopard 10.6
how to set Background image in iphone sdk 3.1,

Sure, search the forum, this question has been asked and answered weekly. Keywords like "background image" taken from your subject line would be a good place to start. So its really not that difficult to think up search words now is it.

SETTING BACKGROUND IMAGE IN SAPSCRIPT

HI,
CAN U TELL ME HOW TO SET BACKGROUND IMAGE IN SAPSCRIPT.
REGARDS,
SANJAY.

Hi Sanjay,
You can use transaction SE78 to inmport graphics to SAP.In the form painter, you can either include directly to the form using
Edit->Graphic->Create or using the INCLUDE statement in a window.
To use an INCLUDE stanment, goto the window script editor and use menu Include->Graphic. The include can look like this for a bitmap:
/: BITMAP MYLOGO OBJECT GRAPHICS ID BMAP TYPE BMON

I need to set background image in interactive forms. How it is possible ple

Hi,
I need to set background image in interactive forms. How it is possible please explain it step by step.
Regards,
Gurprit Bhatia

Hey Gurprit,
All you need to do is:
1. drag and drop the Image object from the Library -> Standard tab
2. select the image you want to use
3. position the image on the form where you want
4. right click the image and say "Send to Back"
That should be it!!
Cheers,
Kevin

I need help Centering a div box to a background image using dreamweaver cs5.5.

I need help Centering a div box to a background image using dreamweaver cs5.5. Everything shift left when viewing on different size monitors? See what I mean at
www.woodlandhospice.com

Have you looked at your page with images disabled?
I urge you to re-think this approach to web design because images of text are not indexed by search engines, screen readers or translators. Given the demographic group your site is targeting, you really need to ensure maximum web accessibility for all users.
Navigation, headings and descriptions all need to be in real text -- not images of text.
Ken is right. Absolute positioning is pure poison for such a simple layout. My advice is to start over with one of the pre-built Starter Pages in DW. Go to File > New > Blank page > HTML. Select a layout from the 3rd column and hit CREATE button.
Nancy O.

How to use inline style for hover, visited

I am trying to use inline styles for a hover effect or a
visited. I know how to do it using a style sheet but not inline.
Is it possible to do this?

That's OK. The chances were 1 in 2 you'd be right. It's
better than buying
yourself a lottery ticket....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Walt F. Schaefer" <[email protected]> wrote in
message
news:gf2c8o$h0c$[email protected]..
> Whoops!
>
> :-(
>
> --
>
> Walt
>
>
> "Murray *ACE*" <[email protected]>
wrote in message
> news:gf29m1$dr7$[email protected]..
>> Nope, not possible using inline styles.
>>
>> --
>> Murray --- ICQ 71997575
>> Adobe Community Expert
>> (If you *MUST* email me, don't LAUGH when you do
so!)
>> ==================
>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>> ==================
>>
>>
>> "Walt F. Schaefer" <[email protected]>
wrote in message
>> news:gf26t4$aa5$[email protected]..
>>>> Is it possible to do this?
>>> Sure. Show us what you've tried (a link to an
uploaded file is best) and
>>> we'll see why it doesn't work.
>>> --
>>>
>>> Walt
>>>
>>>
>>> "craigmini" <[email protected]>
wrote in message
>>> news:gf25ul$98a$[email protected]..
>>>>I am trying to use inline styles for a hover
effect or a visited. I know
>>>>how to do it using a style sheet but not
inline.
>>>> Is it possible to do this?
>>>
>>>
>>
>
>

I would like to know how to stretch a background image using HTML

Hello Seniors of Sun,
I gota small doubt in HTML, can any one please help me in solving it,
I would like to know how to stretch a background image using HTML? I have tried and tried to figure this out and cannot..
so any one kindly help me in this...
waiting for reply...

Please note that this is not an HTML forum.
You can use an image tag on a DIV positioned behind the rest of the page, so that could actually work. And if you want to use body:background, then look up an HTML/CSS reference and see if there are any other body attributes or CSS stuff that applies to the background image.

ADF Mobile : Setting background image using inline style not working.

Similar Messages

Maybe you are looking for