Overlay multiple composition widgets

Is there a way to overlay multiple composition widgets? I am overlaying 2 blank widgets and within Muse it works but when I preview the webpage it doesn't work. For example, the trim of the shirt can be changed to red, while the main shirt can be changed to blue. In design mode, I have overlayed a blank widget with a blank widget. Widget A has the main shirt images in 3 different colors, while widget be has the trim in 3 different colors. Is this possible?
James

Hi Jawad,
Just realised that you posed this in the Machine Vision section so you're using IMAQ.
When you look at the example below, you'll see this is just using two images.
https://decibel.ni.com/content/docs/DOC-25452
Inside the For Loops, the colours of each image array is being change on every iteration, then the two image arrays are combined into one.
You should be able to edit this code by simply indexing another image array into the for loop, building this (along with the two other image arrays) into the final array.
Good luck!
Josh E
Applications Engineer
National Instruments UK & Ireland

Similar Messages

Problems with sound when I embed multiple videos on auto play into a composition widget.

I am having problems with the sound when I embed multiple videos on autoplay into a composition widget in Muse. It sounds as if they are all playing at once. Note that within the compostion widget, options - the auto play is disabeled.
I've a television set that has buttons below and I want the users to flick through the channels.
I need the oriantaion to be stacked as they're contained within a frame (the tv). I have tried the lightbox view (which at first seamed to solve the problem), but unfortunately the position, orientation moves when shown on different divises. It Had to be quite precise as I was ovelaying the original frame within the light box.
Could you please help me with this?
Also, I wanted to let you know that I think this software is amazing. Great job!
here is the link:
http://albanconnell.com/moving-image.html

Hi Alban,
I see what you are seeing. Could you send your file so I can investigate more? Send it to [email protected], with a link to this thread in the message body. If the file is >20mb, our email system cannot handle it so use a service like Adobe SendNow.
Thanks,
Sam

How do I use edge commons composition loader to load multiple compositions with a next and back button?

I am working on an interactive book and have set up each page as a separate composition in edge.
I am using the edge commons JS library to load multiple compositions into a main composition.
You can see how this works here: Edge Commons - Extension Library for Edge Animate and Edge Reflow | EdgeDocks.com
The way the edge commons tutorial is set up requires a button for each composition i want to load. I am interested in loading multiple compositions with a "next" and "back" button, and a "swipe left, "swipe right" gesture on the content symbol that each composition is loaded into. I also need the swipe features on the content symbol not to interfere with the interactive elements on the loaded composition.
Please suggest a solution that will work without adding additional scripts beyond edge commons and jquery.

Sort of. I'm using this code inside an action for a button symbol. But it doesn't work perfectly. Trying to debug it.
Let me know if you have any luck.
//Check to see if pageCounter already exists
if (typeof EC.pageCounter === 'undefined') {
// it doesn't exist so initialize it to first page
EC.pageCounter = 2;
//check if the page is only 1 digit -- patch for single digit
if (EC.pageCounter < 9) {
// it is, so we need to pad a 0 on the front.
EC.pageCounterString = "0" + EC.pageCounter;
//e.g. 01 ...09,11,12,13....115,222352,,....
else {
EC.pageCounterString = EC.pageCounter;
EC.loadComposition(EC.pageCounterString + "/publish/web/" + EC.pageCounterString + ".html", sym.$("container"));
EC.pageCounter = EC.pageCounter + 1;
//TODO for back -1

How can I change the order of thumbnails so it affects the order in the lightbox when using the composition widget - lightbox display?

Hi, I'm making my portfolio in Muse, and I'm using the composition widget - lightbox display. I imported all the images and then I wanted to reorganize the thumbnails - and when I do that, the order in the lightbox doesn't change and so it's not the same as the order of the thumbnails (after rearranging them). Please let me know if there is a way to fix this quickly, or do I have to do it all one more time

The order the items display in a composition widget is the front to back order of the items. You can rearrange the stacking order of the thumbnails/triggers using the Layers panel and/or the Object > Bring To Front, Send To Back, etc. menu items to adjust the order they're displayed during auto play or when clicking the next/previous buttons.

New Update (2014.1) - How to have multiple compositions on same page?

With the latest update, it seems as though Edge now always assumes that the composition has an element ID of "Stage". Previously, I was able to have multiple compositions on the same HTML page by simply altering the default id of "Stage" for each composition to something unique. Any workarounds for having multiple compositions on the same page utilizing the 2014.1 update?

You can use the following approach
Dropbox - Multiple.zip
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<title>Untitled</title>

    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <script type="text/javascript" charset="utf-8" src="edge_includes/edge.5.0.0.min.js"></script>
    <style>
       .edgeLoad-EDGE-77458053 { visibility:hidden; }
        .edgeLoad-EDGE-77430105 { visibility:hidden; }
    </style>
<script>
   AdobeEdge.loadComposition('2', 'EDGE-77458053', {
    scaleToFit: "none",
    centerStage: "none",
    minW: "0",
    maxW: "undefined",
    width: "550px",
    height: "400px"
}, {dom: [ ]}, {dom: [ ]});
AdobeEdge.loadComposition('1', 'EDGE-77430105', {
    scaleToFit: "none",
    centerStage: "none",
    minW: "0",
    maxW: "undefined",
    width: "550px",
    height: "400px"
}, {dom: [ ]}, {dom: [ ]});
</script>

</head>
<body style="margin:0;padding:0;">
<div id="Stage1" class="EDGE-77458053">
</div>
    <div id="Stage2" class="EDGE-77430105">
    </div>
</body>
</html>
-Siva

Why can't I reduce the height of my container box in the Lightbox Display composition widget?

I'm using the Lightbox Display composition widget, I would like to place my trigger at the bottom of my lightbox, I've reduced the height of my image frame but the container box cannot be reduced accordingly. I need to reduce the height of the container box or my triggers will be hidden behind the box. Please advice, thank you.

Hi,
When you insert the light box display, by default it has 3 slides with different components like trigger, container, target, image frame, text box, next button, preview button. You have to change the dimensions for all components for these default 3 images one by one.
Or you can delete 2 of the triggers (that will resul in deleting all of their components from the widget), then you are left with only one image and its components. Later, you can add more images to lightbox display.
Resize the components as per following video:
http://gauravr183.businesscatalyst.com/images/2013-09-26_1440.swf
The steps are, after you have added the widget on the page:
Delete the triggers.
Then select Image frame, resize it. Move close button near it (the 'X' button), resize the text box,resize next and previous buttons and move all of these near the image frame.
Then click on the image frame, till you get "Target" area selected, resize target area and container will be resized automatically.
Regards,
Gaurav Aggarwal

My composition widget is not working after the November Update

Since i republished said site, my composition widget doesn't change when targets are hovered over, containers are not matched up with the right targets and the text is missing off the targets on a couple as well.
http://www.stuttgartcountryclub.com
All looks fine in Design view.
Help please!

I had to move it so site visitors wouldn’t see it…
http://www.stuttgartcountryclub.com/old-items.html
It appears to be working now…
Nicki Case
Marketing, Derden Inc.
NCASE | DESIGN & CREATIVE
870.672.1845

Multiple compositions as overlapping divs

Hello,
My first question on this forum and I could really use some help with this. Have been stuck on finding a solution, for well over a week.
I am trying to overlap multiple compositions in an Adobe Edge Animate project (I am using Edge Animate CC 2014.1.1).
Basically I am trying to achieve the effect shown in the image below (where the blue stage is my main stage - first composition being loaded, the red is the second and the green is the third):
I added a link to my Edge Animate project files below (I modified the main.html file to accomodate three compositions).
In raw HTML, this can be very easily achieved by using a <div> that is has "position:relative" (it would be the blue area) and nesting two divs with "position:absolute" inside it (the red and the green). My problem is getting the same effect in Edge and loading a composition in each of the two overlapping divs.
In my Edge project, main file, I have three stage divs:
<div id="StageA" class="EDGE-222475028"></div>
<div id="StageB" class="EDGE-222542206"></div>
<div id="StageC" class="EDGE-222622471"></div>
StageA would be the main container div (blue), StageB the first nested one (red) and StageC the third (green) positioned at the right margin of the main container.
I was not able to apply the same overlapping concept to Edge stage divs, as in my raw HTML example.
How can I achieve this?
Edge project files: https://www.dropbox.com/s/qj8jbrrrnbleozp/overlapping_multiple_compositions.zip?dl=0
Thank you,
Chris

Can you share the actual project files, so that we can help you out?
You may PM me the uploaded zipped file link, if you don't wish to share your project publicly here.

Can I add a new trigger to the beginning instead of at the end of a blank composition widget?

Hi guys,
I am creating a photo gallery page using the Blank Composition widget. I want to be able to add new content regularly by adding new photos to the top (beginning) of the gallery so my newest photos show at the beggining of the gallery.
Currently, the little + symbol to add another trigger only adds a new trigger to the right (bottom) of group of triggers, effectively putting newly added content to the back of the gallery instead of at the front. Am I able to get it to add a new trigger to the beginning of the group and have that trigger be the first in the group to display?
All the widget's seem to display this same order behaviour, so I'm quite stuck on how to get around this. I've tried re-arranging the triggers, but that has become insanely cumbersome every time I want to add new photos to the beginning of the group and move the older ones further down the gallery order.
Any help would be greatly appreciated with this, cheers, David.

OK
I'm a newbie.
I have the same problem. I've looked at some recommended 3rd party widgets and they don't do what I want either.
Another method would be to start a nabble.com blog and embed that in to Muse, but then the news would not be seen by web crawlers and benefit your ranking on your own page. (I think)
This is a rubbish work around but, I'm going to add a new news widget every month. I only get 5-6 bits of news a month, so by adding a new widget above the last each time, that will push the old news down the page.
Hope this helps someone.
Jay

Issue with Anchor Links in Composition Widget

Hoping for some help regarding anchor links. I was successful in nesting a Slideshow widget within a Composition widget. The Composition widget contains six panels, each of which contains one Slideshow. Thankfully, that all works as it’s supposed to.
What I want is to direct users (from another page on my site) to a specific Slideshow within the Composition widget (i.e., for example, to the slideshow on the third panel of the Composition). The anchor link does work in that it directs users to the page with the Slideshow/Composition combo. However, it displays the first panel in the Composition and not the third. I’ve tried inserting the anchor link on top of the actual picture in the Slideshow, and also within one of its text labels. Still the same result.
My question … can an anchor link be used to direct someone to a specific panel within the Composition widget? Perhaps I can export my site to HTML, open the .html file in Dreamweaver and … I don’t know, move or rename the anchor somehow? Is anyone else having this issue?

This is a bit late in the day looking at the date of your post, but I asked the same question recently and Brad Lawryk answered (thanks Brad - saved me hours of fiddling!):
Unfortunately the only way to do this now would be to save a copy of the page with the desired tab focused. Unfortunately this does cause duplicate content and is not SEO friendly though.

Why if using a composition widget as a dropdown target links fade if they extend over a text area

I am working on a site using the composition widget for a drop down menu. I find that if the target links extend over a text area, they fade out before one can click the link and while this can be overcome for desktop and tablet layouts, it cannot for phone layouts. The link below shows the issue. Any suggestions?
Sandy Paws || Contacts

Hi, No luck sorry! I have posted this a few times in the forum and also as a bug but no reply from Adobe! Really annoying as Im having to do a total redesign as a result and its not ideal. If you do manage to work it please do let me know!
ADOBE PLEASE RESPOND!

Slideshow Widget and Composition Widget Synchronizing Problem

I have a slideshow with images and composition widget of text that corresponds with each slide. The settings are the same for both, works fine on desktop yet on the tablet and iphone versions, they are messed up.
Here's the BC site: dezinegirl
I have been waiting for Customer Care via Chat to figure it out looking at my files, but it's been an HOUR and I don't think he knows.
Anyone else have this issue?
BTW: I am working with a purchased template.
Thanks!

Hi Pam,
Instead of using the slideshow widget in sync with the composition widget, I will suggest that you switch to using one composition widget. Slideshow widgets does not allow text frame but composition widgets allows images as well as text frames. So you can allocate individual text frames to each target and that should give you the effect that you are looking for with no sync issues.
Let me know if you need more clarifications on this.
- Abhishek Maurya

Adding alt text to composition widget images?

How do I add alt text and image titles for Composition>Blank widgets images? When I control-click the image, the context menu does not include these options.

I'm not sure how to describe the problem I'm having, so here's a screen shot of my composition widget with images placed (it's a bit sloppy, but I'm running out of patience for fine-tuning until I get this situation figured out).
After file>placing a thumbnail image in a trigger, I file>placed the corresponding image in its target area. I then clicked on the second trigger, placed the thumbnail. But the second trigger didn't click through to the second target panel, which would have been a grey panel. So I thought I maybe I should just go ahead and place the second target image anyway, but it just sits there on top. I did this for three images. The first target image placed is on the bottom, then the second, and the third placed target image is on top. So I can't figure out how to click from one target panel to the next to place each image, getting it to correspond with its proper trigger. Does this make any sense yet?
You can see how they look like they are separate and layered, and when sizing, or moved in any way, they are become ungrouped, rather than as a group such as when I used the fill option. Last, when I click on the trigger thumbnail images, the triggers just aren't activating the target panels at all. I'm at a complete loss on this. I think I've tried everthing, but obviously I'm missing something. Thanks again.

Composition widget won't work

I have set a composition widget trigger so I can have a rollover drop down menu on top of a main nev menu item. The main page is redundant and I just need it there so I can show the sub pages. I set the page preference to "Include page without hyperlink" within the site plan. The trigger works fine when the hyperlink is set to on, but now its deactivated link the trigger no longer works. I thought the triggers were separate and therefore it didn't matter if the hyperlink below worked or not?
I really want the user to hover over the link and be able to see the drop down menu on rollover. Please help as I have alot of sub-menu pages that I need access to from the main nav menu!
Any ideas please?

I have cracked this now! It turns out I wasnt using the master or layers correctly! D'oh!

Bring Composition widget to the base of footer on a master page?

I'm having difficulties getting the composition widget to meet flush with the bottom of the footer on a master page. I have the footer check box ticked for the widget and all looks okay in the design window. But once I publish or preview the site the composition is pushed above the other elements on the footer.
< design window
< preview window
Can anyone shed some light on why Muse is doing this and any way to possibly fix it so the composition sits evenly at the base of the page?
Thanks for your help!

Hi
Please group the objects you are using as footer and then check footer from control strip.
Thanks,
Sanjit

Overlay multiple composition widgets

Similar Messages

Maybe you are looking for