Overlapping images and rectangles

Hey
I am trying to create a report where I want overlapping images and rectangles... but when I upload it to report manager it seems to push them all seperate??? How do I stop doinh this... it does print okay! Just looks wrong on screen?
Thanks

From: Report Items in HTML Rendering
HTML does not support overlapping items, and will position these items next to each other on the page. To determine the position of overlapping items, the rendering extension first considers the value of the Top element for the items, then the value of the Left element, and then the value of ZIndex

Similar Messages

Help with registering (aligning) two partially overlapping images

I have been digging into the JAI / Java2D algorithms, and I am looking for an algorithm for analyzing two partially overlapping images and returning the coordinates at which to render the second image relative to the first image. The desired end result is to be able to create a mosaic from a series of overlapping tiles. Is there a simple function, transform or library that I've overlooked?
Thanks.

EWirch wrote:
Thanks - it is an interesting problem, but it needn't really be intelligent. One could think of it like stitching a panorama from a series of individual images. I know the relationship between image A and image B (A is to the left of B). There is about 50 pixels of overlap (approximately the 50 right pixels in image A are on the left of image B). I just need a way to find the exact positioning / overlap of image B relative to image A, and thought that brute force is not the proper approach, given that this may be a problem others have seen or conquered.If it were only that simple, and your example is exactly the one I was thinking of. The problem that comes to my mind is one of perspective. You have to take into consideration a spherical projection of the images that are being matched, not to mention the dynamic elements of the scenes. There has to be some sort of heuristic that allows you to find a match that is good enough, that is within some level of tolerance, and this won't be easy to do. But again, I am no graphics expert. I hope someone smarter than I comes along with a decent solution.

How to use the Rectangle class to draw an image and center it in a JPanel

I sent an earlier post on how to center an image in a JPanel using the Rectangle class. I was asked to send an executable code which will show the malfunction. The code below is an executable code and a small part of a very big project. To simplifiy things, it is just a JFrame and a JPanel with an open dialog. Once executed the JFrame and the FileDialog will open. You can then navigate to a .gif or a .jpg picture and open it. What I want is for the picture to be centered in the middle of the JPanel and not the upper left corner. It is also important to stress that, I am usinig the Rectangle class to draw the Image. The region of interest is where the rectangle is created. In the constructor of the CenterRect class, I initialize the Rectangle class. Then I use paintComponent in the CenterRect class to draw the Image. The other classes are just support classes. The MyImage class is an extended image class which also has a draw() method. Any assistance in getting the Rectangle to show at the center of the JPanel without affecting the size and shape of the image will be greatly appreciated.
I have divided the code into three parts. They are all supposed to be on one file in order to execute.
import java.awt.*;
import java.awt.image.*;
import javax.swing.*;
public class CenterRect extends JPanel {
    public static Rectangle srcRect;
    Insets insets = null;
    Image image;
    MyImage imp;
    private double magnification;
    private int dstWidth, dstHeight;
    public CenterRect(MyImage imp){
        insets = getInsets();
        this.imp = imp;
        int width = imp.getWidth();
        int height = imp.getHeight();
        ImagePanel.init();
        srcRect = new Rectangle(0,0, width, height);
        srcRect.setLocation(0,0);
        setDrawingSize(width, height);
        magnification = 1.0;
    public void setDrawingSize(int width, int height) {
        dstWidth = width;
        dstHeight = height;
        setSize(dstWidth, dstHeight);
    public void paintComponent(Graphics g) {
        Image img = imp.getImage();
     try {
            if (img!=null)
                g.drawImage(img,0,0, (int)(srcRect.width*magnification), (int)(srcRect.height*magnification),
          srcRect.x, srcRect.y, srcRect.x+srcRect.width, srcRect.y+srcRect.height, null);
        catch(OutOfMemoryError e) {e.printStackTrace();}
    public static void main(String args[]) {
        java.awt.EventQueue.invokeLater(new Runnable() {
            public void run() {
                new Opener().openImage();
class Opener{
    private String dir;
    private String name;
    private static String defaultDirectory;
    JFrame parent;
    public Opener() {
        initComponents();
     public void initComponents(){
        parent = new JFrame();
        parent.setContentPane(ImagePanel.panel);
        parent.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
        parent.setExtendedState(JFrame.MAXIMIZED_BOTH);
        parent.setVisible(true);
    public void openDialog(String title, String path){
        if (path==null || path.equals("")) {
            FileDialog fd = new FileDialog(parent, title);
            defaultDirectory = "dir.image";
            if (defaultDirectory!=null)
                fd.setDirectory(defaultDirectory);
            fd.setVisible(true);
            name = fd.getFile();
            if (name!=null) {
                dir = fd.getDirectory();
                defaultDirectory = dir;
            fd.dispose();
            if (parent==null)
                return;
        } else {
            int i = path.lastIndexOf('/');
            if (i==-1)
                i = path.lastIndexOf('\\');
            if (i>0) {
                dir = path.substring(0, i+1);
                name = path.substring(i+1);
            } else {
                dir = "";
                name = path;
    public MyImage openImage(String directory, String name) {
        MyImage imp = openJpegOrGif(dir, name);
        return imp;
    public void openImage() {
        openDialog("Open...", "");
        String directory = dir;
        String name = this.name;
        if (name==null)
            return;
        MyImage imp = openImage(directory, name);
        if (imp!=null) imp.show();
    MyImage openJpegOrGif(String dir, String name) {
            MyImage imp = null;
            Image img = Toolkit.getDefaultToolkit().getImage(dir+name);
            if (img!=null) {
                imp = new MyImage(name, img);
                FileInfo fi = new FileInfo();
                fi.fileFormat = fi.GIF_OR_JPG;
                fi.fileName = name;
                fi.directory = dir;
                imp.setFileInfo(fi);
            return imp;
}

This is the second part. It is a continuation of the first part. They are all supposed to be on one file.
class MyImage implements ImageObserver{
    private int imageUpdateY, imageUpdateW,width,height;
    private boolean imageLoaded;
    private static int currentID = -1;
    private int ID;
    private static Component comp;
    protected ImageProcessor ip;
    private String title;
    protected Image img;
    private static int xbase = -1;
    private static int ybase,xloc,yloc;
    private static int count = 0;
    private static final int XINC = 8;
    private static final int YINC = 12;
    private int originalScale = 1;
    private FileInfo fileInfo;
    ImagePanel win;
    /** Constructs an ImagePlus from an AWT Image. The first argument
     * will be used as the title of the window that displays the image. */
    public MyImage(String title, Image img) {
        this.title = title;
         ID = --currentID;
        if (img!=null)
            setImage(img);
    public boolean imageUpdate(Image img, int flags, int x, int y, int w, int h) {
         imageUpdateY = y;
         imageUpdateW = w;
         imageLoaded = (flags & (ALLBITS|FRAMEBITS|ABORT)) != 0;
     return !imageLoaded;
    public int getWidth() {
         return width;
    public int getHeight() {
         return height;
    /** Replaces the ImageProcessor, if any, with the one specified.
     * Set 'title' to null to leave the image title unchanged. */
    public void setProcessor(String title, ImageProcessor ip) {
        if (title!=null) this.title = title;
        this.ip = ip;
        img = ip.createImage();
        boolean newSize = width!=ip.getWidth() || height!=ip.getHeight();
     width = ip.getWidth();
     height = ip.getHeight();
     if (win!=null && newSize) {
            win = new ImagePanel(this);
    public void draw(){
        CenterRect ic = null;
        win = new ImagePanel(this);
        if (win!=null){
            win.addIC(this);
            win.getCanvas().repaint();
            ic = win .getCanvas();
            win.panel.add(ic);
            int width = win.imp.getWidth();
            int height = win.imp.getHeight();
            Point ijLoc = new Point(10,32);
            if (xbase==-1) {
                xbase = 5;
                ybase = ijLoc.y;
                xloc = xbase;
                yloc = ybase;
            if ((xloc+width)>ijLoc.x && yloc<(ybase+20))
                yloc = ybase+20;
                int x = xloc;
                int y = yloc;
                xloc += XINC;
                yloc += YINC;
                Dimension screen = Toolkit.getDefaultToolkit().getScreenSize();
                count++;
                if (count%6==0) {
                    xloc = xbase;
                    yloc = ybase;
                int scale = 1;
                while (xbase+XINC*4+width/scale>screen.width || ybase+YINC*4+height/scale>screen.height)
                    if (scale>1) {
               originalScale = scale;
               ic.setDrawingSize(width/scale, height/scale);
    /** Returns the current AWT image. */
    public Image getImage() {
        if (img==null && ip!=null)
            img = ip.createImage();
        return img;
    /** Replaces the AWT image, if any, with the one specified. */
    public void setImage(Image img) {
        waitForImage(img);
        this.img = img;
        JPanel panel = ImagePanel.panel;
        width = img.getWidth(panel);
        height = img.getHeight(panel);
        ip = null;
    /** Opens a window to display this image and clears the status bar. */
    public void show() {
        show("");
    /** Opens a window to display this image and displays
     * 'statusMessage' in the status bar. */
    public void show(String statusMessage) {
        if (img==null && ip!=null){
            img = ip.createImage();
        if ((img!=null) && (width>=0) && (height>=0)) {
            win = new ImagePanel(this);
            draw();
    private void waitForImage(Image img) {
    if (comp==null) {
        comp = ImagePanel.panel;
        if (comp==null)
            comp = new JPanel();
    imageLoaded = false;
    if (!comp.prepareImage(img, this)) {
        double progress;
        while (!imageLoaded) {
            if (imageUpdateW>1) {
                progress = (double)imageUpdateY/imageUpdateW;
                if (!(progress<1.0)) {
                    progress = 1.0 - (progress-1.0);
                    if (progress<0.0) progress = 0.9;
public void setFileInfo(FileInfo fi) {
    fi.pixels = null;
    fileInfo = fi;
}

Overlap 2 Images and Make Their Positions Relative?

I need to essentially make a hotspot on an image that is another image.
I know how to make hotspots. I know how to overlap images. But I need the overlapping image's position to be relative to the image beneath it.
How can I do this?
I have tried searching for Overlapping Images (answer: CSS)
I have also tried searching for Mapping Images to Images (no luck, just brings up info on mapping images, period)
I'm not sure what to search for to get this answer. That is why I am posting.
I am using Dreamweaver CS3. I am a total n00b but if you point me in the right direction I can figure out the rest with research.
Thank you in advance for your time.
PS- Please don't say, "Why not just merge the 2 images with an Imaging Program?" I need to do this with hundreds of images, AND I need the images available separately on my site. This would create hundreds of additional images that I need to upload.

Ignore this. I lost over half my post somehow. I'll try again. -.-
<!Session data><input id="jsProxy" type="hidden"/></p><div id="refHTML"> </div><p></p><p><input id="gwProxy" type="hidden"/>

I got the image on the vi,now I want to take rectangle potion from that image and compare with other image

Hi,
Now i have a image on VI ,i want to take rectangale postion of the image and compare with the other image(In this image also i need to take a small postionof it) and show the result.
Both image are equal or not....if it is equal show pass if the image is not ok fail.
Regards,
Sri.

First i would like to thanks for the inputs,
I have made one Vi for comparing the two images and display equal or not.
Problem:if there is a small change in the picture it is showing false ,but the image is ok only the contract ,clarity ,inclination is the problem... i need your help in controlling that image......like controlling the colors and telling if the color , shade, projection of the image of the image is in between this range show it as ok....
i started with cluster taking the out put of the BMP file, but i am not able to do....can u help me on this.
i am attaching the file what i have made...
Regards,
Sri
Color
Attachments:
image.ppt ‏52 KB

Creating a SSRS report with dynamic overlapping images

I have to create a report with the following requirement:
1: The first page has some hi-res images of 8 different geometric shapes with text in it. The location of the images on the page will be static, however the fill color of image can be either green or grey.E.g. one box can be green for one user , for other it
can be grey etc.
2: Export the report in excel,pdf and word
I am planning to use SSRS for this.
I am planning to create the report with superimposed images, e.g. green palette shape and grey palette shape superimposed on each other .Depending on the selection made by the user, I want to "Send to Back" or "Bring to Front." Can I change
the "Send to Back" or "Bring to Front" properties at runtime depending on parameters passed to the report?
Also, I want the image path to be configurable, so that when business wants to change the text or color of the image, I do not need to redeploy the code. I can just change the image.
how can I create the RDL such that the images are at the proper positions? DO I need to insert a tablix for proper positioning of the image?
Any suggestions?

Hi RachanaD,
As far as I know, overlapping of item does not work in the soft-break renderers like HTML, Word and Excel. However, it is work in hard-break renderers like PDF or TIFF.
In your case, we can insert text box in rectangle to work around the issue. We can insert an image in rectangle and another image insert in a text box. Then, put the text box in the rectangle.
In SSRS, we cannot use parameter to control the location of image. However, we can use go to report action to work around the issue. Please refer to the steps below:
Create two similar report, the difference between two reports is the location of these image.
In the first report, add a text box fill with “Send to Back”.
Add action “go to report” of the text box go to the second report.
In the second report, add a text box fill with “Bring to Front”.
Add action “go to report” of the text box go to the first report.
Hope this helps.
Regards,
Alisa Tang
If you have any feedback on our support, please click
here.
Alisa Tang
TechNet Community Support

[CS3][JS]avoid overlap image?

Hi,
When I am placing graphic/Image, Is there any way to avoid overlap image( the image lie on the top of other image)? When I am placing textframe in the document, textframe has the textwrappreferences to avoid the overlap. Like that is it possible with Image? I have placed my graphic/image inside the textframe/rectangle.
Please advice me.Sorry for any confusion.
Regards,
Kumar.

You should understand what happens with the text in a text frame, when it hits the border of a Text Wrapped object. The text itself reflows; yet, it stays inside its own text frame. If the text frame is not large enough to contain the reformatted text, you get the red 'overflow' marker.
Now imagine there is such a thing such as Image Wrap. You import an image and -- as usual -- you want its frame to have exactly the size of the image itself. What happens if you drag this frame over another one? The image inside the image frame should shift, but where to? (As there is no such thing as 'overset image' -- you would need to invent that too!) So, still analogous to our text frame-with-text (where the text frame is usually much larger than actually needed), you would need to make the image frame large enough to have a reasonable space for the image inside it to move around.
You can even try this out right now: cut an image and paste it into a text frame. Set the text leading to Automatic, so the image stays totally inside the text frame. Now drag this frame over another one with text wrap and see what happens to the image.
As this is the Scripting forum, I suppose one could write a javascript that checks whether any image overlaps any other, but having the same javascript solve it automatically seems a bit optimistic.

Missing images and not able to use copy and paste anymore - just blank rect

Hello!
I've a problem that really scares me.
I use severall png and pdf images. But at one point keynote looses the media and just displays these grey rectangles instead of some images. I tried to figure out if it just happens with pdf images and replaced the missing pdf images through png24 images with transparency. It first worked fine (they showed up) and then it tells images can not be saved. If I open the presentation again, the images are missing. And it seems that the more images and slides i put in the presentation, the more images are missing…
But there is more: I even can't copy and paste these images anymore. If I try to copy one of the images I just have replaced (because they have been lost by saving), it just pastes the blank grey rectangle instead of the image.
This really is a problem because I now have to repetitive tasks (like same animation for the same image in the same size) over and over again. And when I save the doc – they are al gone again…
It really scares me and I don't have an idea how to solve this.
It also happens, if I repleace an pdf image with an png image and than try to copy this new png image. However I am able to drag the image from the Finder again.
I am working on a PB G4, 1.5 GHz, 1 GB RAM.
My Keynote Version is 3.0.2.
The Keynote Dokument is saved and opened from a G4 X-Serve wich is only used by Macs (so no Windows Filesystem anywhere). I still have anough space on both, my local and the server volume. I don't transfer the Keynote document. So it should not be a problem with the names on the files… And the files are just exported from Adobe Illustrator (png 24 files with "save for web" and the pdf files are saved as Illustrator pdf) – so they should really be fine and not corrupted…
At this time the Keynote document has a size of 179 MB (because of a video) and only 16 slides. And the theme was built from scratch – so no import from Powerpoint or so…
I looked through the Keynote preferences and found a thing like (sorry self-translated from german version to english) "scale placed images to slide-size". I wondered if keynote saves a copy of the sacaled image after that and corrupts the image itself? But I don't think so.
I've had these problems with earlier versions of Keynote, but it occured just sporadically and I could solve it through pasting it again. But this time I can not solfe it anymore.
Does anybody encounter same problem? Or has a hint?
I really would appreciate, because I have to finish the presentation very soon and are not able to work properly with that. Furthermore, I am scared of saving and opinging the presentation again, because the lost files can not be replaced…

I now have a hint:
As a colleague said, he encountered some problems with usagerights on our fileserver (XServe). He said he wasn't able to read files he put on the server himself again…
If this is true, the same could have happened to Keynote for placed images, as Keynote writes these images as separate files in the doc package…
I will try to work on my local volume and see if it solfes the problem.
But sooner or later I will have to place the whole thing on the server again…
Do you think this is the reason?

How do I place an image and insert a different photo for the "mouse down" state?

I have placed an image within an accordian widget and when I select the "mouse down" area in the states dialog box, i click "fill" in the toolbar and insert the photo i want to display when the image is clicked but this image is "covered up" by the originally placed image and is not seen in my states dialog box.
I have done this before when i made rectangles and placed images in rectangles. But i soon realized that you cannot add alternative text to images in rectangles for some frustrating reason.
How do I place and image and have a different image for the mouse down state?

Hello,
This effect can only be achieved when you use the images as a Rectangle Fill. And as you mentioned it above, you cannot add alternative text to images because it is added as a fill and not as a image.
I would suggest you to post this as a feature request on our "Ideas for features in Adobe Muse" section of the forums : http://forums.adobe.com/community/muse/ideas
Regards,
Sachin

How to draw make the overlapped images on a JToggle Button draggable

Hello all:
I have a JPanel chart set with GridBagLayout. Each cell is a JButton,
I've create several overlaping images (from my existing images) using JLayeredPane
and adding on one particular cell JToggleButton. The images are displayed, but I don't know
how to make it draggable for users to drag to another cell within GridbagLayout.
I have been stuck on this for a long time, I'd appreciate if anyone give me some help
on this.

Hi kglad -
Thanks. That worked perfectly.
Surely you jest with me. Since I couldn't script a play button where in my brain do you think I would I find the cells to "use listeners for the video playing/stopping to control bigPlay_btn's _visible property".
That's okay. I'm sure after answering almost 50,000 questions it's easy to forget who you're talking to.
Thanks again.
Josh

New ways to overlap images in CS6?

Is there any easy way to overlap a float-left image on top of a float-right image ? I have read previously posted suggestions (layers, z-values..), but maybe it's made easier now in CS6 and CSS3?

Probably need a little more info to give you a good answer. There are many ways to overlap images.
The easiest would be to use one container with a background image, then place a standard <img> tag in the same container and position it accordingly.
A couple of absolutely positioned elements with z-index would be another way.
Relatively positioned elements with z-index would also work.
It really all depends on what exactly you want to do and how your page is currently written.

When i Place a PSD in Indesign it comes in at 200+% while the image frame is considerably smaller. How do i place so that the image and image frame match?

When i Place a PSD in Indesign it comes in at 200+% while the image frame is considerably smaller. How do i place so that the image and image frame match?

Peter,
The screenshots tell you everything.
The second one tells you how the image frame is automatically set up after a one-click place. It's the blue stroked rectangle with the eight control points at each corner and mid-way along the line. This image frame is generated at a proportionally correct height and width for the image it contains.
Now, if you look at the third screenshot (click on it to see it at a larger size), you will see I've used the direct selection tool (white arrow) to click on the image within the image frame. This CLEARLY shows the image (within the image frame) is substantially larger than the frame generated to contain it. This is indicated by the yellow stroked rectangle with the eight control points at each corner and mid-way along the line.
Notice that the blue and yellow rectangles are vastly different sizes.
In InDesign CS5.5, when i clicked to place the image, the image would fit perfectly within its image frame. the blue and yellow rectangles would match.
I had no need to go click on the proportional fill and centre buttons like i need to do now in CC.
I have a keyboard shortcut to place. I can't do File > Place for the amount of images i need to place.
So to reiterate: How do i place an image so that the image and image frame match?

Conditional image and image source in SSRS

I have images stored in database for some of the items but not for the others. If there is no image in the database I would like to display static placeholder image embedded in the report.
Is there a way to achieve that? The problem I experience is that there is no way to specify expression for Image Source. I tried to use expressions for Value field (when Image Source is set to Database) to specify the name for embedded image depending on
condition but nothing I tried worked.

If your image is embedded in a tablix then, yes, you are sourced to a single dataset. However the Lookup function pulls in "related" data from another dataset. Related is in quotes because there are ways to fool it. The syntax is:
=Lookup(index_current_dataset, index_other_dataset,field_to_get_from_other_dataset, other_dataset_name)
If you have a second dataset, "Second", that returns a single column, "Picture", that is your default image, you can retrieve that image using lookupset as follows:
=Lookup(1,1,Fields!Picture.Value,"Second")
the 1,1 is used to fool the lookup expression. Since 1 will always match 1, it will return everything in the dataset, which is the single image. Throw that into a logical check (IIf) and you get:
=IIf(IsNothing(Fields!RelatedImage.Value), Lookup(1,1,Fields!Picture.Value,"Second"), Fields!RelatedImage.Value)
That said Andre's approach should work also. the example may be for embedded but the principle should work for db as well since you can set a formula for visibility. Yours is in a tablix so it will require some tweaks.
In the cell where the image will be embedded, first add a rectangle. The rectangle will allow you to add 2 images to the cell. Add your default image and set its source to whatever you like. It can even be an embedded image. Now add a second image and set
it to your database image field. In the visibility property of each image set it show or hide based on an expression:
default image expression: =IIf(IsNothing(Fields!Image.Value),false,true)
db image expression: =IIf(IsNothing(Fields!Image.Value),true,false)
You will want to set the cell width/height so it is equal or smaller than 1 image in design view. A table cell can grow bigger at runtime to accommodate more content but not smaller. Because of this, you need to set the design-time cell height and width
equal or smaller than a single image.
The advantage of this approach is that the default image does not need to come from a dataset like with my suggestion.
"You will find a fortune, though it will not be the one you seek." -
Blind Seer, O Brother Where Art Thou
Please Mark posts as answers or helpful so that others may find the fortune they seek.

Draw 20% of one image and 80% of another?

Hi all,
I'm creating a UI functionality whereby a user holds down a button and an image of a glass slowly fills up.
The way I'm thinking of implementing this is to have two different images, one of the empty glass and one of the full glass. As the user holds down the button, the image of the first is slowly replaced by the image of the second. E.g., after one second, 20% of the full image is shown at the bottom, 80% of the first is shown at the top.
The timing stuff I think I can do with a thread, so I'm not too worried about that. However, what I need is a simple method, or maybe a whole class, that can take two images and draw x% of one on the bottom and y% of the other on the top.
Can anyone think of a simple way to implement this?
Thanks,
Tim

Hmmm... after playing with that a while, it doesn't look like that will do the trick. As far as I can tell, the drawImage methods will always scale the image if you pass it in a rectangle of a different size. So trying to get 50% of a full glass on top of an empty glass results in a squished full glass.
Instead I realized I could do it using Graphs.clipRect, like so:
public class OverlayedImageIcon extends ImageIcon
     private Image overlayImage;
     private float overlayPercent;
     public OverlayedImageIcon(URL url)
         super(url);
     public void setOverlayImage(Image image){
          this.overlayImage = image;
          loadImage(overlayImage);
     public void setOverlayPercent(float percent){
          this.overlayPercent = percent;
     public synchronized void paintIcon(Component c, Graphics g, int x, int y) {
          super.paintIcon(c, g, x, y);
          Shape oldClip = g.getClip();
          int subtractHeight = (int) ((float)getIconHeight() * overlayPercent);
          g.clipRect(0, getIconHeight() - subtractHeight, getIconWidth(), getIconHeight());
        g.drawImage(overlayImage, x, y, getIconWidth(), getIconHeight(), getImageObserver());
        g.setClip(oldClip);
}Thanks for pointing me in the right direction, though!

Overlapping Images Via A Link

It's safe to say that I'm pretty new to Dreamweaver... I know
a little bit, just a heads-up.
I know more Flash than Dreamweaver.
I've got two frames, frame one, frame two. In frame one are
the text links... RedDots, BlueDots, GreenStars, YellowStars. Each
of these text links links to an image coresponding to its name. In
frame two is the image (a white circle for arguments sake) that
will change. I've easily gotten the text links changing the image
in frame two, you click on RedDots and the image in frame two
changes to the RedDots image, you click on BlueDots and the image
in frame two changes to the BlueDots image, etc, etc.
What I want to do is overlap those images as they are clicked
on. So you have the white circle in frame two and when you click on
GreenStars that image is placed over top the white circle in frame
two. Then if you click on YellowStars that image is placed over the
GreenStars which is over top the white circle, etc, for up to 6
overlapping images.
Also, I would need a separate link that will allow the user
to go back one step. If they placed the RedDots over the BlueDots
by mistake and really wanted the GreenStars, they could click this
'go back one' link.
Any help is appreciated!
Thank you!

Hi,
Please look under Sample Application page 13.
In general it is passed with IR_ to the field name...
select 'f?p='||:APP_ID||':2:'||:app_session||':::2,RIR:IR_CUST_STATE:'||...
I hope this is helpful
LK

Overlapping images and rectangles

Similar Messages

Maybe you are looking for