Components will not resize correctly in Catalyst
Download PSD: http://dl.dropbox.com/u/814249/campusariel.psd
Download FXP: http://dl.dropbox.com/u/814249/campusariel.fxp
I am completely new to Flash Catalyst (any and all versions). I am currently using Photoshop CS5.5 to design and Catalyst 5.5 to import and translate into a flash project. I recently picked up a job creating an interactive application for a college campus. I have attached my two project files for anyone who can help to view to see what is wrong. I have also attached inline screenies for those who cannot/will not download.
Here is my problem: I created the attached PSD in Photoshop with what I thought were the correct layers and groups/folders. I am hoping to achieve the following effect: when a user rolls over the purple buttons, multiple similar copies of that button that are initially hidden beneath the visible one popup in sequence above the rolled over purple button.
Ex. State 1:
Animation/Action Sequence to the following:
The purple popup objects will have their own text content and will be buttons themselves that a user clicks to change to a different state with more specific information.
Not only am I unsure of how to create such animation/action sequence, my purple components (whether I actually convert them to components in Catalyst or not) will not resize correctly. NOTE: I did click the resizable option when importing the PSD into Catalyst. The following effect occurs both ways. I add constraints to all objects by selecting all, right clicking, and choosing add constraints to all; the following occurs when stretched inwards using the resize test handle:
and this when stretched out:
When viewed using CTRL+Enter, the application is nowhere near resized in the browser window. I must be missing something, especially being new to Catalyst. I tried flattening the image in Photoshop, which obviously allowed the image to be easily resizable in Catalyst and the test browser window. However, I cannot use my separate elements when flattened; flattening defeats the purpose of Catalyst if I'm not mistaken.
Any guidance?
Message was edited by: joshlev
Hi Martin - Those are really good questions! I did check and the image is uploaded. I assume I can see the image in my one browser because of the cache since I could not see it on several computers that I had never pulled the site up on before.
And actually I have it working now. Nancy had a good idea to check to see if I saved it as CMYK instead of RGB. When I went to go open the file on my computer Photoshop and Fireworks had an error in opening it. They had a problem opening the one I downloaded from the ftp too. It just looks like somehow the file became corrupted! Not sure how, but that seems like what the problem was since I have a new image up there now and it's working fine again.
Thanks for all your help!
Liz
Similar Messages
-
JApplet does not resize correctly
Hello,
I'm trying to practice with JLayeredPane in JApplet.
The problem is that when i resize the applet JButton b3 is painted "as a background", and still works as a JButton.
Why doesn't it resize correctly as the other JComponent do?
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
public class JLayeredPaneDemo extends JApplet {
public void paint(Graphics g) {
final JLabel l1 = new JLabel("LABEL 1",JLabel.CENTER);
final JLabel l2 = new JLabel("LABEL 2",JLabel.CENTER);
final JLabel l3 = new JLabel("LABEL 3",JLabel.CENTER);
resize(400,300);
l1.setOpaque(true);
l1.setBackground(Color.blue);
l1.setBorder(BorderFactory.createLineBorder(Color.black,2));
l2.setOpaque(true);
l2.setBackground(Color.green);
l2.setBorder(BorderFactory.createLineBorder(Color.black,2));
l3.setOpaque(true);
l3.setBackground(Color.yellow);
l3.setBorder(BorderFactory.createLineBorder(Color.black,2));
l1.setBounds(0,0,100,100);
l2.setBounds(30,30,100,100);
l3.setBounds(60,60,100,100);
getLayeredPane().add(l1,new Integer(1));
getLayeredPane().add(l2,new Integer(2));
getLayeredPane().add(l3,new Integer(3));
JButton b1 = new JButton("LABEL 1 ON TOP");
JButton b2 = new JButton("LABEL 2 ON TOP");
JButton b3 = new JButton("LABEL 3 ON TOP");
b1.setBounds(220,0,150,40);
b2.setBounds(220,40,150,40);
b3.setBounds(220,80,150,40);
b1.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
if(getLayeredPane().getLayer(l2)>getLayeredPane().getLayer(l3))
getLayeredPane().setLayer(l1,new Integer(getLayeredPane().getLayer(l2)+1));
else
getLayeredPane().setLayer(l1,new Integer(getLayeredPane().getLayer(l3)+1));
b2.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
if(getLayeredPane().getLayer(l1)>getLayeredPane().getLayer(l3))
getLayeredPane().setLayer(l2,new Integer(getLayeredPane().getLayer(l1)+1));
else
getLayeredPane().setLayer(l2,new Integer(getLayeredPane().getLayer(l3)+1));
b3.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
if(getLayeredPane().getLayer(l1)>getLayeredPane().getLayer(l2))
getLayeredPane().setLayer(l3,new Integer(getLayeredPane().getLayer(l1)+1));
else
getLayeredPane().setLayer(l3,new Integer(getLayeredPane().getLayer(l2)+1));
add(b1);
add(b2);
add(b3);
}If i use the init() method instead of the paint(Graphics g) method JButton b3 is painted as large as possible since the beginning.
thanx in advance :)Swing related questions should be posted in the Swing forum.
If i use the init() method instead of the paint(Graphics g) methodWell, thats the proper way to write a Swing applet. The code for building the GUI should be in the init() method. You never need to override the paint() method of the JApplet.
Components will not be automatically resized when the size of the applet changes. A layered pane does not use a layout manager, therefore it is up to you to manually change the size of each component. You can add a ComponentListener to the applet to be notified when the size changes. -
Group not resizing correctly when contents are moved programmatically
Hi there,
My apologies in advance if this is a known issue. I searched the forums but I was unable to find a discussion about this topic. The issue we are running into is when we programmatically move the contents of a Group which is in turn enclosed within a Scroller beyond the Scroller's limits the position of the Group within the stage is incorrectly calculated. This will cause mouseEvents in the area beyond the Group's limits to be "ignored" among other problems.
I have created an application to illustrate the problem, we are in 4.1:
<?xml version="1.0" encoding="utf-8"?>
<s:Application
minWidth="955" minHeight="600"
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.controls.Alert;
private function onGroupClick(event:MouseEvent):void
Alert.show("It works");
private function onButtonClick(event:MouseEvent):void
rect.x += 500;
rect.y += 500;
]]>
</fx:Script>
<s:Scroller
width="100%" height="100%">
<s:Group id="myGroup"
width="100%" height="100%"
click="onGroupClick(event)">
<s:Rect id="rect"
x="0" y="0" width="10" height="10"/>
</s:Group>
</s:Scroller>
<s:Button
label="Move Rectangle"
click="onButtonClick(event)"/>
</s:Application>
Steps to reproduce:
Click anywhere in the screen - notice that an alert that reads "It works" shows up.
Click on the "Move Rectangle" button enough times for the coordinates of the Rectangle to exceed the limits of the Scroller, hence producing scroll bars.
Scroll all the way to the right and to the bottom.
Click right next to the right bottom corner - notice that no alert is displayed. The reason is the Group has not resized correctly hence we are actually clicking outside the Group. Resizing your browser window for example will cause the Group to resize and events will again "work". FlexSpy will make things pretty apparent as well.
Any pointers regarding where this bug lives in the source code or suggestions on how to fix this would be greatly appreciated, this issue is causing us a lot of pain.
Thanks in advance!!
~ TheMadPenguinThanks for logging this in the bugbase: https://bugs.adobe.com/jira/browse/SDK-29112. The latest comments there say:
Reproduced in 4.0.0, 4.1.0
Confirmed fixed in 4.5.0.19764
A workaround for the 4.0.0 and 4.1.0 release would be to put the click handler on the Scroller instead of the viewport.
Note: This bug seems to be fixed, but the fact that the width/height of the Group doesn't change is still consistent (and correct). Group has a concept of size and content size, scrolling is enabled when the content size is larger than the size (with Group.clipAndEnableScrolling set to true which Scroller sets automatically).
See this spec for more details: http://opensource.adobe.com/wiki/display/flexsdk/Spark+Viewport
Hans has a good article here: http://hansmuller-flex.blogspot.com/
Here's a simple example that demonstrates width does not change:
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
<s:Scroller width="100" height="100">
<s:Group id="viewport">
<s:Rect width="100%" height="100%">
<s:fill><s:SolidColor color="red" /></s:fill>
</s:Rect>
<s:Button id="btn" label="out of view" y="150" click="btn.y += 50" />
</s:Group>
</s:Scroller>
</s:Application>
You might expect that this example should have a red background behind the Button, but it does not. That is because width/height of 100% on the Rect is 100% of the width/height of the viewport, not the contentWidth/contentHeight.
One way of getting the behavior where the Rect expands across the whole content size would be to bind to contentHeight:
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
<s:Scroller width="100" height="100">
<s:Group id="viewport">
<s:Rect width="100%" height="{viewport.contentHeight}">
<s:fill><s:SolidColor color="red" /></s:fill>
</s:Rect>
<s:Button id="btn" label="out of view" y="150" click="btn.y += 50" />
</s:Group>
</s:Scroller>
</s:Application>
Note: You shouldn't specify or change the size of the viewport Group inside of a Scroller. The Scroller component manages the size of the Group in a specific way and if the Group has a size that conflicts with that then you can get into a bad situation that might cause infinite loops. Notice in my example the viewport Group has no size set on it.
Thanks to SDK QE for the info!
-Heidi -
I have a problem with a table not resizing correctly in some browsers
Hi,
I am using the fluid grid layout in DW. I have created a table to hold some images and text. I have the table set to 100% instead of a fixed width.
The table and images resize correctly at my smartphone breakpoint in DW and Crome. They do not resize correctly in IE10 or Firefox.
I hope somebody can point out the error of my ways.
Thanks
http://cupcakemary.skeeterz71.com/_cm_mockup/menu.htmlTables do not work well in Fluid Grid Layouts because table width is always going to be determined by combined width of the content inside it. As such it won't re-scale past a certain point no matter what you do. I typically avoid using tables for layouts anyway. But especially in FluidGrids.
If you build your FluidGrid layout correctly from the start, there's little reason to use tables.
LayoutDiv 1 LayoutDiv 2 LayoutDiv 3
float:left float:left float:left
On smaller displays, these divs will naturally stack vertically.
LayoutDiv1
LayoutDiv2
LayoutDiv 3
Nancy O. -
Adobe Illustrator file will not display correctly when logged in as a user
I am working with an Adobe Illustrator CS2 file that will open and display correctly if I log in as Administrator, but will not display correctly if I am logged on as a user. The error message is that there is not enough memory to display the file correctly and I am forced into preview mode. The user Home folder is on a server. Other than this, I have made certain that the criteria for opening the file match under both interfaces. I have opened the AI CS2 file on other Macs and it opens fine. I conclude that the problem is with the user Home folder, but beyond that, I'm stumped. Any help will be appreciated.
After I filed a bug-report an Apple engineer contacted me, and asked me to try running java in headless mode: http://java.sun.com/developer/technicalArticles/J2SE/Desktop/headless/
That solved the problem! -
This is all I can see. it will not resize the window, full screen mode shows only this as well.
It really seems like a group policy issue, something like network security, and have you tried to re-map the drives, test the restult again.
you should post you question in this forum
http://social.technet.microsoft.com/Forums/en-US/home?forum=winservergen they're good at these kinds of issues. -
itune will not install correctly on my PC Error message reads "service 'apple mobile device' failed to start
Hello cynthialane,
Thanks for using Apple Support Communities.
For more information on this, take a look at:
How to restart the Apple Mobile Device Service (AMDS) on Windows
http://support.apple.com/kb/ts1567
iTunes 11.1.4 for Windows: Unable to install or open
http://support.apple.com/kb/TS5376
Best of luck,
Mario -
ITunes will not install correctly on my PC with Windows 8. Any hints?
iTunes will not install correctly on my PC with Windows 8. Any hints?
The error message reads:
iTunes.exe - Entry Point Not Found
The procedure entry point ADiAdlD_AcquireMatchSlotIfNecessary could not be located in ghe dynamic link library C:\Program Filess(x86)\iTunes\iTunes.dll.See this User Tip by turingtest2
Troubleshooting issues with iTunes for Windows updates -
I downloaded the new iphoto and the upgrade and now iphoto will not open correctly anymore. it stays on the opening screen and the message
shows up that I must update the mediathek. If I click on update the program shuts down. How can I fix this?I downloaded the new iphoto and the upgrade
Does that mean, you are running iPhoto 9.6 on MacOS X 10.10.1 Yosemite? Or are you using an older MacOS X? "New" iPhoto is relative and depends on your system.
If I click on update the program shuts down. How can I fix this?
Does "shut down" mean it crashes? Then post please the error log from the error panel here - copy and paste the report into your next answer (the first 50 lines should suffice)
Where is your iPhoto Library (Mediathek) stored? Have you moved it to an external drive, or is it still in your Pictures folder (the order "Bilder")? -
my numbers tables will not open correctly on screen, the preview shows but when I open the table it only shows blank. When I print a copy it prints ok any solutions?
Rebooted computer works now ok
-
FlashMX Components will not work in my new FCS2
Flash Communication Server MX Components will not work in my
new FCS2 ,
Components like: SimpleConnect, Cursor, Whiteboard, Chat,
Peoplist, AVpresence, etc.... all the old ones I have been using in
Flash MX. I now use Flash 8 it did not come with all the above
Components so I instaled (the old) in my Flash 8. I beleve there
may be script to up date the old (above Components) , or can I
download a set of NEW Components that do the same job as the old
(above Components) Please help I have spent 4 days on this HELP
Thank you. RaymckIt is a USB cord so I have to use the end of the Shuffle I use to charge th Shuffle.
-
When downloading Adobe Premier pro fails, write that the installation is complete, some optional components are not installed correctly. What to do?
check your install logs for the problem, http://helpx.adobe.com/creative-suite/kb/troubleshoot-install-logs-cs5-cs5.html
-
Webpages will not load correctly on any browser
Hey all,
About 3 weeks ago I took the leap and upgraded my works PC from Windows 8 to 8.1 (as a test before doing the rest). Unfortunately since this time I've been continually encountering a major issue.
This issue is that webpages will not load correctly (about half the time). Since the day I upgraded I've had issues with this, across all browsers. Sometime a webpage will load, sometimes it'll partially load and sometimes it seems to have loaded but actually
hasn't (I.e. none of the links/inputs work). If I have an issue on a page, the only way I can get it to load is to click the stop button, navigate away from the page and then navigate back.
I've tries assessing the problem with Firebug and it seems that the HTTP transfer is being cut-off at a certain point (which is non-consistent). The webpage is then stuck in a state of 'Transferring data' and will never finish loading.
I've been looking around for answers and have come across some suggested solutions like running the All In One fix from tweaking.com, or flushing the DNS cache every few hours, but nothing is working.
Has anyone any suggestions for how I could fix (or even further troubleshoot) this problem?
Thanks
DavidPlease try a clean boot.
http://support.microsoft.com/kb/929135
Arnav Sharma | http://arnavsharma.net/ Please remember to click “Mark as Answer” on the post that helps you, and to click “Unmark as Answer” if a marked post does not actually answer your question. This can be beneficial to other community members reading
the thread. -
My iphoto will not open correctly. All I get is the little wheel going around and around. What do I need to do to fix this? I would like to be able to see my photos again.
There are 9 different versions of iPhoto and they run on 9 different versions of the Operating System. The tricks and tips for dealing with issues vary depending on the version of iPhoto and the version of the OS. So to get help you need to give as much information as you can. Include things like:
- What version of iPhoto.
- What version of the Operating System.
- Details. As full a description of the problem as you can. For example, if you have a problem with exporting, then explain by describing how you are trying to export, and so on.
- History: Is this going on long? Has anything been installed or deleted? - Are there error messages?
- What steps have you tried already to solve the issue.
- Anything unusual about your set up? Or how you use iPhoto?
Anything else you can think of that might help someone understand the problem you have. -
Photos from the Internet will not load correctly. I get white boxes with blue question marks inside. This has only been happening for the past 3 weeks so I'm not sure why it is happening.
Yes - email & text work fine but when I use something like Google Images or search a blog with imbedded photos I get the empty white boxes with question marks. If I click the question mark it opens the photo but I can't possibly do that for EVERY image on EVERY page I search!?!?! I've rebooted the iPad & my wireless card several times but neither action helped. Have any clue what I should do now?
Maybe you are looking for
-
Cannot open Pages document in Mavericks
Someone has sent mew a Pages document. When I try and open it I get an error message saying: You need newer versions of OS X and Pages to open this document. Install the latest version of OS X, then download the latest version of Pages from the Mac A
-
Issue with applying plugin in non-English version of AE on non-English version of Windows
Hi There, I am encountering an issue related to my plugin and differing language versions of AE. When I apply my plugin to a layer within a project opened in an English version of AE, everything behaves as expected. However, when I apply the same p
-
How do you change the date and time format in Pages
I've tried changing the date and time format a number of times for Pages but it does not change. I'm going to the System Preferences/Language and Text and Formats. I make the changes click on OK and go back to Pages. NO change.
-
I just started with a new Co. And they send e-mail attachments as winmail.dat When I open I get junk. I've gone into applications in Options but all form still give me junk notebook ect... Any suggestions
-
Airport Extreme - Boosting signal?
I just moved into a new apartment, and my Airport Extreme works great in the living room or office where I keep it. But when I go down a hallway (about 25 ft. away from the Extreme) and into the bedroom, I'm lucky if I get half a bar. Any way to get