1 Reply Latest reply: Apr 20, 2013 11:34 AM by 978373 RSS

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

    ArunBabu
      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">
        • 1. Re: ADF Mobile : Setting background image using inline style not working.
          978373
          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"