How to stretch background image, How to change show detail item header

Hello all I have a few questions I would like to pose humbly to your collective wisdom, FYI I use Jdeveloper 11.1.3 and ADF Fusion
First, how do I stretch the background Image? I have a background image in a show detail item but it is very small. 400 by 400. Thing is it's just a pic of the color red gradually moving from bright to dark in the image. So stretching it should not make it look horrible, but also repeating it makes it look silly, because you have 50 little images of dark red to bright red, instead of one big image of dark red to bright red. Can this be done and how?
Secondly how do I change the header of the show detail item in a Panel Accordion? I have 8 Show detail items, in the middle of my page and the user can click and switch between which one is open, which makes for a nice effect, but I would like to give each of the show detail items a particular color. I did this with the backgrounds but I can't do it with the header, which are always visible, while only one background is visible at a time. I tried using the skinning technique but I wasn't able to change the header (I changed the background so the skinning was done correctly). I used
af|panelAccordion::header
  color: blue;
  font-family: Arial, Helvetica, sans-serif;
  background: Maroon;
  background-color: Maroon;
}Because I read in the Fusion Guide (or somewhere) that the show detail item cannot be skinned and therefore doesn't have a property like af panel Accordion.
Can it though be achieved through some other means?
Third when I drop the data control on the page and if I pick search form, why can't I use the CreateInsert button? Why can't I use the form to Create new rows? It keeps giving me some type of error, like Row is out of bounds or something? Is that some mistake with my database, or page, or is it not possible to do it like that?
I welcome your words of guidance and also happy new year Huzzah!!!
Edited by: Dino2dy on Jan 4, 2011 2:01 AM

Thanks I haven't really had time to play around with this, as I have other concerns, but I do plan on coming back to it, and it is one of the things about ADF that really is bothersome. Creatively it means I can choose between 2 styles when making an app Blaf Rich and Fusion (the other ones are just worse versions of the two) while I will concede that the superb out of the box functionalities and things I can do declaratively probably mean I won't have a Dreamweaver type freedom of design I thought there might be a way to do some of these custom design changes.
A few questions though
When you skin the accordion are you able to propagate the changes to show detail item headers? Because that is one thing that I really want to change, just the color of the headers but I was unable to do so.
Also there is a component that is not part of a panel accordion or panel tabbed called panel box. Again I changed the backgrounds to great effect but I need to change the panel header and in this I failed.
Granted I used the css color attribute for both not a picture so maybe that is the reason. Just wondering if you succeeded.
Cheers

Similar Messages

  • 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]

  • How to upload background image in Theme Editor

    Hi
    I want upload an image to theme
    I try by the theme edit i'ts not work
    I try by Edit "Right to Left" Theme Images
    I don't find the button "Upload"
    please Help!!!!
    How to upload background image in Theme Editor without to entry to the server
    Regards
    Yossi

    Hi
    Thank you for response
    I want upload to TransparentContainer Image in background
    I change the design to Plain
    I Try Upload by the browse in the theme
    but The image is not upload
    even if i delete the chace  serever
    i'ts not working

  • HOW TO UPLOAD BACKGROUND IMAGES IN SMARTFORMS

    HI
    HOW TO UPLOAD BACKGROUND IMAGES IN SMARTFORMS

    Hi, 
       goto se78 -> in the menubar click graphic  and import to select ur images from ur system .. then click transport button .. it automatically gets into the smartform graphic image list.. then get into transaction smartform and use the image u imported into that..
    U can import anykind  of image which u have stored in ur pc through se78..
    Regards,
    Priya.

  • I am use to working in photoshop and i now only have pages. can you tel me how to silohuette an image. i am trying to silo a head and put it on another body. thanks!

    i am use to working in photoshop and i now only have pages. can you tel me how to silohuette an image. i am trying to silo a head and put it on another body. thanks!

    Pages is for word processing, not image editing.
    However, this may work for you >  How to Create a Silhouette Image Using FREE Photo Editing Software - Home Stories A to Z

  • How to Stretch Components in Show Detail Item - Jdev 11.1.2

    Hello:
    I have a panel splitter-verticle, and in the second facet I have a panel stretch layout and in that a panel tabbed. Inside a show detail item, I have another panel splitter-verticle. Inside the first facet, I have a af:query and in the second facet I have a af:form. But both the af:query and the af:form do not stretch to fill the open space, when I move the first splitter.
    What is required to have the af:query and af:form inside a show detail item with a splitter stretch to fill the open space?
    Thanks for the help.
    Edited by: 862658 on Aug 11, 2011 6:29 AM

    Hi,
    set the showDetailItem StretchChildren property to First
    Frank

  • How to open show detail item on ADF link click

    Hi,
    Can anybody tell me how to open show detail item tab on link click ??
    thanks,
    Nitesh

    Hi,
    what Frank is saying..
    1. select showdetailitem component
    2. go to disclosure property
    3. attach a managed bean variable (return true/false)
    4. in the commandLink method set the variable true/false depending on requirement
    or
    1. select showdetailitem component
    2. create a binding in the managed bean
    3. in the commandLink method set showdetailitembinding.setDisclosed(true/false);
    4. add PPR
    refer http://jobinesh.blogspot.in/2010/12/programmatically-disclosing.html
    ~Abhijit
    Edited by: Abhijit Dutta on Mar 12, 2013 5:20 PM

  • How to set background image in Dynamic Shell Layout

    Experts,
    Using dynamic shell layout, how can we create a skin like this http://www.2shared.com/photo/OqXfb5jq/layoutissue.html
    Issues :
    1)Need to set the background to the page - How to set it in dynamic shell layout.
    2)Panel box color to be changed
    please advice
    thnks
    jdev 11.1.2.1

    Color goes UNDER the background image. Just set it.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "StarPilot06" <[email protected]> wrote in
    message
    news:eqqve6$341$[email protected]..
    >I am trying somethign that seems tricky to me...
    >
    > The image I am using I faded to a solid color on the
    bottom half. I set
    > the
    > background image to to left and NO REPEAT but when the
    cell grows with
    > content
    > and it stretched beyond the image it goes blank
    underneath. How do I set
    > a
    > background color without going over the background
    image?
    >
    > I need them both to be background because I want to use
    text over both.
    >
    > Any ideaS?
    >

  • How to get background image to fill the browser and remain fixed in both IE and Firefox?

    Basically what it says in the title. I've come very close in achieving this but something just doesn't tie up in the html and css code...
    First of all, I'm using IE8 and the latest version of Firefox to test this.
    I used 2 sources of information for getting this done: 1) http://css-tricks.com/perfect-full-page-background-image/ and 2) http://stackoverflow.com/questions/8958697/css3-background-size-cover-doesnt-make-image-co ver-vertically
    In Case 1 the example on the page called CSS-Only Technique #1 gives code that works almost perfectly for me, except that obviously I need a background image, however the CSS provided there is clearly just for an image dropped in the body of a page with no regard for other content that may already be there. The html code that I put on the page is simply <img class="bg" src="../images/background_image.jpg">
    Obviously I used the CSS code provided in the example, minus the last bit which is "@media screen" etc etc, which seems irrelevant to me. Obviously substituting values to suit the image on my page.
    So what happened is that it almost worked as intended in both the browsers (which means the image filled both browsers width-wise as intended and also remained fixed when I zoomed in or out in each case) except that the image went over the top of the current content that I had there already precisely because it's not a background in this "technique". (A curious side-note is that the image didn't push down the content, as I'd have expected in normal circumstances, but went right over the top of it so it hid it (like z-index).
    One thing that does bother me about this "technique" is that if you click on View Demo just below the code provided you will see on the working example page (forest background) the image clearly works as a background and the content sits happily on top! So I don't know whether the person providing the example was trying to mislead people or what! Or he got lazy and showed a different page that didn't use the exact code he provided. No matter.
    In any case this leaves me with the job only half finished, as I still need a background image that works like the 'normal image' code provided.
    On to Case 2 and on this page the first example provided gives the CSS for the background image - namely the code within html {...} part and also shows the same 'normal image' code as given in Case 1. In this case however, although the person provided a suggestion, the css and html doesn't really tie up properly plus some of the css and html seems a bit redundant. So this time when I used the 'html portion' of the CSS code (i.e. just the bit that was most relevant) I got two different behaviours in each browser and neither of which was quite what I'm looking for. In IE8 initially the page looks fine (background fills the page and content is on top) however when I zoom in or out the background also zooms in or out accordingly so is NOT fixed. In Firefox the background image DOES stay fixed, however because the image originally is not the whole height of the browser I'm guessing the code stretches it downwards (while keeping proportions - so the image essentially enlarges) to fill all of it. The quick way to get around it is to probably add some white space to the bottom of the image just to give it enough height that it doesn't stretch/resize automatically. But it would be nice to find out anyway how to get around this in the code. Overall I would say that the result in Firefox comes closest to the desired solution but of course it doesn't help matters with IE8.
    Apologies for the lengthy description but that should at least provide plenty info for anybody that might have a possible solution for me. Essentially what would be great is if somebody could advise me how to take the code from Case 1 and apply it to a 'background' piece of coding like the type that's contained within html {...} in Case 2. Like I said, it's so nearly there but I just can't make it work atm after trying to combine the various bits of code this way and that... Alternatively, if somebody has another html-css version that works nicely for achieving this then please by all means let me know! Thanks v much in advance!

    This works in modern CSS3 supporting browsers.  But not pre-IE9.
    http://alt-web.com/TEST/Resizable-BG.shtml
    Nancy O.

  • How to set background image in a cell?

    I am trying somethign that seems tricky to me...
    The image I am using I faded to a solid color on the bottom
    half. I set the background image to to left and NO REPEAT but when
    the cell grows with content and it stretched beyond the image it
    goes blank underneath. How do I set a background color without
    going over the background image?
    I need them both to be background because I want to use text
    over both.
    Any ideaS?

    Color goes UNDER the background image. Just set it.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "StarPilot06" <[email protected]> wrote in
    message
    news:eqqve6$341$[email protected]..
    >I am trying somethign that seems tricky to me...
    >
    > The image I am using I faded to a solid color on the
    bottom half. I set
    > the
    > background image to to left and NO REPEAT but when the
    cell grows with
    > content
    > and it stretched beyond the image it goes blank
    underneath. How do I set
    > a
    > background color without going over the background
    image?
    >
    > I need them both to be background because I want to use
    text over both.
    >
    > Any ideaS?
    >

  • How to edit background image in center destop??

    hello
    i have a background image in flex 4 by i skinclass to project skin i make.
    but when i run that image dont stay center desktop.
    it in left
    how do i work it??
    can u help me please.thanks

    Hi
    Thank you for response
    I want upload to TransparentContainer Image in background
    I change the design to Plain
    I Try Upload by the browse in the theme
    but The image is not upload
    even if i delete the chace  serever
    i'ts not working

  • How to put background image on whole screen of javaFx app

    Hello,
    I have a javaFx window,on which u have displayed certain data that is coming from a webservice call.
    Now to make it look attractive,i want to put a background image on the screen.
    I know the image tag in the content,but it does not cover the whole screen and is not below the data.
    How can i do that??
    Also, how can i change color of the text. In the Text attribute,we have font,but nothng to change its color...
    Please help
    Thanks
    Anuj

    Hi,
    I don't know about the background image but the color of Text can be set using the fill property of a Text node.
    Text {
      content: "Hello World"
      font: Font {
        size: 100
      x: 100
      y: 100
      fill: Color.RED
      stroke: Color.BLACK
      strokeWidth: 3
    - Alexander

  • How to make background image editable in a template

    I have built a template and would like to make the background
    image editable, but not the rest of the settings in the body style.
    (I'm not sure of my terminology yet.) The background image is
    currently set in the locked part of the page. I've tried to insert
    an editable region in the html code, as I cannot get to the
    background image by clicking on it or selecting on the Design page.
    But I am not allowed to change the code in this way.
    What is the best way to do this? I'm not sure how to make a
    div of this one setting. Or even if that is what is needed.
    Thanks for any suggestions.

    So to give a different background image to different pages using CSS.
    Create a CSS file in your Dreamweaver site.
    Link it to your pages.(in your head tag like so: <link href="path/to/stylesheet.css" rel="stylesheet" type="text/css" />)
    In your HTML code find the body tag and give it an id (like so: <body id="myUniqueID">)
    In your stylesheet write the following code:
    #myUniqueID{
    background: #color, url("path/to/image.jpeg") repeat);
    And now extrapolate the above steps and code to your other pages and voila, you now have different background images for your different pages.
    To learn more about CSS - visit your local web search engine.
    To see the power of CSS, check out http://csszengarden.com/ where the exact same HTML file is styled by different CSS stylesheets.

  • How to use background image in ABAP -  webdynpro

    Hi,
    My requirement is like that.
    I want to display a background image. Over the background image i want to display my ALV list or report.
    How to display my personalized image in background.
    Please assist me....
    Thanks in Adv.

    hi ,
    this is not possible:
    refer these threads :
    Background Image
    I Assign Background Image to a Group (Ans by Thomas)
    Image as Background Image possible?
    as correctly pointed above and in this thread
    use your own stylesheets
    refer this thread for more  information on styles :
    EP 7 Portal stylesheet with WD ABAP
    to display image in the foreground :
    refer this WIKI
    https://wiki.sdn.sap.com/wiki/display/stage/DisplayEmployeeImageinABAPWebDynpro+Application
    regards,
    amit

  • How to set background image in jlist

    Hi all
    is there a way for setting an image as jlist 's background?
    I need that this image is trasparent.
    Any idea or usefull link?
    Regards

    Swing related questions should be posted in the Swing forum, but there is no need to repost since all the information is available to you in the forum or the API.
    First, read the JList API and follow the link to the Swing tutorial on "How to Use Lists". It will show you how to create a custom renderer. You will need by make your renderer non-opaque to see the background image.
    Next you can search the Swing forum for examples of how to add an image as a background image. Most of the examples are for a JPanel, but the concept is the same.

Maybe you are looking for