Action performs % scale instead of setting width & height

Hi
I'm trying to create an action to scale an object to an width of 1024 pixel and then save if for web.
But the actions saves the percents, making it useless when applied to another object.
Can someone tell me what I'm doing wrong?
Noties in pictures, that I set the width to 1024 pixel, but in the Action it performs an Scaling of 1233,73%

Record setting the width or height in the Transform palette (or Control Panel) instead of in the Scale dialog.
JET

Similar Messages

Setting width/height of a control with CSS

Hi,
I am styling a button a button in CSS and set a background-image for the button in my stylesheet.
The problem is, that the button should scale to the width/height of the image.
I added:
-fx-width: 32px;
-fx-height: 32px;
but it has no effect.
I also tried it with
-fx-min-width: 32px;
-fx-min-height: 32px;
If I use setMinWidth(32); in Java, it works.
But I rather want to set it in my stylesheets, because the image can change, if we use another skin.

CSS documentation (http://docs.oracle.com/javafx/2.0/api/javafx/scene/doc-files/cssref.html) states:
"JavaFX CSS does not support CSS layout properties such as float, position, overflow, and width. However, the CSS padding and margins properties are supported on some JavaFX scene graph objects. All other aspects of layout are handled programmatically in JavaFX code."
I thought you might be able to do something using the -fx-shape property, but the shape does not affect the size of the button - so that didn't work.
I had more luck with the -fx-graphic property - you could try to enhance the stylesheet below to get what you want.
.root   { -fx-background-color: azure; -fx-padding: 20; }
#smurf-button { -fx-graphic: url("http://bluebuddies.com/smurf_fun/smurf_race/jpg/Smurf_Race_100x100.jpg"); -fx-background-color: transparent; }
#smurf-button:hover { -fx-effect: dropshadow( three-pass-box , rgba(184,134,11,0.6) , 20, 0.0 , 0 , 0 ); }
#smurf-button:armed { -fx-effect: innershadow( three-pass-box , rgba(0,200,0,0.6) , 30, 0.0 , 0 , 0 ); }
public class ButtonStyle extends Application {
public static void main(String[] args) throws Exception { launch(args); }
public void start(final Stage stage) throws Exception {
    final Button button = new Button();
    button.setId("smurf-button");
    final Scene scene = new Scene(StackPaneBuilder.create().children(button).build());
    scene.getStylesheets().add(this.getClass().getResource("style.css").toExternalForm());
    stage.setScene(scene);
    stage.show();
}

How to set width/height of iPad app in ipa file

Hello,
I am developing an app for iPad in Flash Builder 4 and Packager for Iphone.
I set the width and height node values in the descriptor XML and compile the application. When I run the same in iPad, I am not able to see any effect on the app's width and height.
Also, in default load, app opens in dimensions as per the iphone view and not specifically for iPad.
Any help?
Tanu

hi,
How does your application descriptor file look like? I also had the same problem, when I realised that I had a few things missing in my app desc. file. My file looks like this
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<application xmlns="http://ns.adobe.com/air/application/2.0">
    <id>IPadApp</id>
    <filename>IPadApp</filename>
    <name>IPadApp</name>
    <version>v1</version>
     <initialWindow>
        <content>IPadApp.swf</content>
        <fullScreen>true</fullScreen>
        <autoOrients>true</autoOrients>
        <title>IPadApp</title>
        <aspectRatio>portrait</aspectRatio>
        <systemChrome>none</systemChrome>
        <transparent>false</transparent>
        <visible>true</visible>
        
        <width>768</width>
        <height>1024</height>
        
        
        
        </initialWindow>
    <supportedProfiles>desktop mobileDevice</supportedProfiles>
<iPhone>
<InfoAdditions>
<![CDATA[
    <key>UIDeviceFamily</key>
    <array>
    <string>2</string>
    </array>
]]>
</InfoAdditions>
</iPhone>
</application>
Check your desc. file.
-Vrushali

Setting width/height too early??

I noticed if I set width and/or height before adding it to
displayList, the displayObject simply won't show up. The following
code is a cut&paste from livedoc (SimpleButton), except that I
add a line of "button.width=20".
If, however, I move the line to after addChild(), things work
normally.
Why?:confused: :confused: :confused:
[CODE]
package {
import flash.display.*;
import flash.events.*;
public class SimpleButtonDemo extends Sprite {
public function SimpleButtonDemo( ) {
// Create a simple button and configure its location
var button:SimpleButton = new SimpleButton( );
button.x = 20;
button.y = 20;
//// ################# Added by me. Button won't show up any
more.
button.width = 80;
// Create the different states of the button, using the
// helper method to create different colors circles
button.upState = createCircle( 0x00FF00, 15 );
button.overState = createCircle( 0xFFFFFF, 16 );
button.downState = createCircle( 0xCCCCCC, 15 );
button.hitTestState = button.upState;
// Add an event listener for the click event to be notified
// when the user clicks the mouse on the button
button.addEventListener( MouseEvent.CLICK, handleClick );
// Finally, add the button to the display list
addChild( button );
//// ############### This works, if added here!!!!
// button.width = 20;
// Helper function to create a circle shape with a given
color
// and radius
private function createCircle( color:uint, radius:Number
):Shape {
var circle:Shape = new Shape( );
circle.graphics.lineStyle( 1, 0x000000 );
circle.graphics.beginFill( color );
circle.graphics.drawCircle( 0, 0, radius );
circle.graphics.endFill( );
return circle;
// Event handler invoked whenever the user presses the
button
private function handleClick( event:MouseEvent ):void {
trace( "Mouse clicked on the button" );
}[/CODE]

You're using the simple button class. Just because you
instantiate an object of this class doesn't mean you've added
anything to the button.
What I'm trying to tell you is that addChild has nothing to
do with it. Simple Button just happens to be dependent on what is
defined inside the button states themselves.
For instance, comment out your hitStates leaving your width
call after the addChild and you should notice the same behavior as
before. By defining the button states, you are actually adding
content to the container that will be drawn to the display when
addChild is called.
You can define your height and width anytime after you have
defined the states for the button. At this point, Flash will then
have content to manipulate. Until you have drawable content to push
to the display list, nothing will happen when width and height are
called.

StyleName for a Button - can I set width & height?

Hi folks,
I've declared a style in my app's css file like this:
.styButtonSmall {
width: 15;
height: 35;
And declared a button like this:
<mx:Button id="bSave" click="doSave()" label="Save"
styleName="styButtonSmall"/>
The style seems to have no effect - I get standard size
buttons. I've also tried specifying numbers like "15px" rather than
15, and also tried setting maxHeight and maxWidth in the style
specification. No luck. However, if I set height and width directly
on the button, they size themselves correctly.
So my question is: How do I use a style to specify button
height and width?
Thanks,
ws

Changing the width and height of components is not supported
in styles in Flex:
http://www.adobe.com/devnet/flex/quickstart/styling_components

Strange Behaviour setting column width & height programmatically

I'm trying to set the height and width of an image by storing the image, height and width in the database at the row level.
OATableBean table = (OATableBean)webBean.findIndexedChildRecursive("QuoteLinesRN");
OAImageBean lineImageBean = (OAImageBean)table.findIndexedChildRecursive("ImageItem");
//Next 4 lines set the image file name from the data in Segment1 - they work as expected
FixedBoundValue imageDirectory = new FixedBoundValue(APPS_MEDIA_DIRECTORY);
OADataBoundValueViewObject statusBinding = new OADataBoundValueViewObject(lineImageBean, "Segment1");
ConcatBoundValue statusCBV = new ConcatBoundValue(new BoundValue[] {imageDirectory, statusBinding});
lineImageBean.setAttributeValue(SOURCE_ATTR, statusCBV);
//Now here is the funny part -
OAMessageStyledTextBean heightBean = (OAMessageStyledTextBean)webBean.findIndexedChildRecursive("Segment2");
OAMessageStyledTextBean widthBean = (OAMessageStyledTextBean)webBean.findIndexedChildRecursive("Segment3");
String height = (String)heightBean.getValue(pageContext);
String width = (String)widthBean.getValue(pageContext);
lineImageBean.setHeight(height);
//Setting the width doesn't do anything if I set the height. And the image displays miraculously at the dimensions set in the actual physical file itself, for both height and width.
//The values I have in the table to get the height and width are completely irrelevant.
//Except I need to make a string out of the OAMessageStyleTextBean or the value for height and width will be as I specify ie. if I instead use: String height = "300" the height will be 300.
//But why is the height and width not using the values I specify in the table as Segment2 and Segment3?
//Is it because I'm not explicity setting the same index when creating the OAMessageStyledTextBeans as I used for my OAImageBean?

I found some issues.
http://javafx-jira.kenai.com/browse/RT-24636
http://javafx-jira.kenai.com/browse/RT-22728
http://javafx-jira.kenai.com/browse/RT-23517
On my mind, these are the same.

How do I set my side column width & height - Help ?

Please see my website I am building using a Dreamweaver template - it has a spry accordian menu in the right column - I am not skilled enough to understand how to set the height and width of this column Can someone help?

Here is spry css:
* SpryAccordion.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* This is the selector for the main Accordion container. For our default style,
* we draw borders on the left, right, and bottom. The top border of the Accordion
* will be rendered by the first AccordionPanelTab which never moves.
* If you want to constrain the width of the Accordion widget, set a width on
* the Accordion container. By default, our accordion expands horizontally to fill
* up available space.
* The name of the class ("Accordion") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style the
* Accordion container.
.Accordion {
          overflow: hidden;
          width: 210px;
          border-bottom: 1px solid #ffffff;
          outline: none;
/* This is the selector for the AccordionPanel container which houses the
* panel tab and a panel content area. It doesn't render visually, but we
* make sure that it has zero margin and padding.
* The name of the class ("AccordionPanel") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel container.
.AccordionPanel {
          margin: 0px;
          width: 210px;
          padding: 0px;
/* This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
.AccordionPanelTab {
          color: #ffffff;
          margin: 0px;
          cursor: pointer;
          padding: 5px 10px 5px 30px;
          font-weight: normal;
          font-family: "Trebuchet MS";
          font-size: 12px;
          text-transform: uppercase;
          -moz-user-select: none;
          -khtml-user-select: none;
          background-repeat: no-repeat;
          background-image: url(../images/accordion_plus_closed.png);
          background-position: 10px 7px;
          border: 1px solid #ffffff;
          border-bottom: none;
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
.AccordionPanelContent {
          margin: 0px 0px 0px 0px;
          padding: 0px 0px 0px 0px;
          border-left: 1px solid #ffffff;
          border-right: 1px solid #ffffff;
          overflow: auto;
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
.AccordionPanelOpen .AccordionPanelTab {
          color: #ffffff;
          background-image: url(../images/accordion_plus_open.png);
          border-bottom: none;
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.AccordionPanelTabHover {
          color: #95c8fc;
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
/* Custom classes */
.acontent {
          padding: 5px 10px 10px 20px;
          font-size: 10px;
.acontent p{
          font-size: 12px;
          color: #ffffff;
.acontent li a { color: #fffff; font-size: 12px; text-decoration: none;}
.acontent li a:visited { color: #0CF; }
.acontent li a:hover    { color: #5872f4; }

[svn:osmf:] 14871: Fixing anchoring 'right' and 'bottom' properties not being applied on items that don't have a width/ height and position set.

Revision: 14871
Revision: 14871
Author:   [email protected]
Date:     2010-03-19 01:05:54 -0700 (Fri, 19 Mar 2010)
Log Message:
Fixing anchoring 'right' and 'bottom' properties not being applied on items that don't have a width/height and position set.
Modified Paths:
    osmf/trunk/framework/OSMF/org/osmf/layout/LayoutRenderer.as

If you're just doing it in a back and forth or spiral fashion, you don't need to check whether a square's been filled in. You just go from a start point to an end point. Those points and the squares in between are determined by simple arithmetic.
If you're doing it randomly, I wouldn't use the GUI elements themselves. I'd have, for example, and array of booleans that tells whether each square has been filled in.

How to set specific height in JLabel but vary in width ...

Hi,
I want to set the height of JLabel to fix height but vary the width according to the content of the label...
How does I do that ??
JLabel lbl = new JLabel("Hello this is aman");
lbl.setPreferredSize(100,30);
If the the text is changed, the width will be truncated at 100 pixels... how do I change
that to height 30, but width change according to text ?
thank

Hi..
may be this works for you ---
since u want to adjust the width with the text size.. means that you will be taking an input from the user and then set it on the label.. so before setting the text on the label & width of label .. get the length of the text and set this length as the width parameter to method setPrefferedSize()..
ex:
// get the text from textbox
String userinp = textbox.getext();
JLabel lbl = new JLabel();
lbl.setPreferredSize(userinp.length,30);
lbl.setText(userinp);

Set the dialog modal window width + height

hi ,
i tried to set the width+ height using
window.dialogWidth , innerWidth , Width that come from a java code
but without success.
only the dialogWidth seemed to change somthing but it wasn't
to the size that i passed , for value of 400 for example it changed
the width to almost all the screen.
Please advise .

Are you still asking JavaScript questions here?
Java != JavaScript
Please take your JavaScript questions to a JavaScript forum.
If this is not a JavaScript question then please post the relevent formatted code.

Help with Error: Jcarousel: No width/ height set for items....

Hey everyone. I have a user that is using a Tour and everytime he opens up a site like ESPN he receives the following error: Jcarousel: No width/ height set for items. This will cause and infinite loop. Aborting… I had him pull his battery but this did not work. I have tried to search the forums and google, but I have yet to find anything concerning Blackberrys. He is on V 4.7.140. I'm not sure what the current version of the Tour software is, but I can definately try updating it to see if this solves the problems. Before I do this though I wanted to see if anyone here had any ideas or has ran into the same problem. Thanks for the help.

What are you talking about? The width/height of what? Is this some sort of error message? If so from what?

Set the height and width of a new browser window

I am trying to open a new browser window when the user clicks
on an audio. The audio will be played in the new browser window.
The only problem I have is that I cannot set the height and width
of the new browser window. I need the window to be much smaller.
How can I do this in flash?

You need to ask on a JavaScript forum. Java != JavaScript

Determine the type of connection & set webcam width/height

Hi, two quick questions:
1. Is there a way in ActionScript to determine what type of connection is being used (e.g. P2P or FMS)?
2. Is there a way to set the width/height of the webcam picture? I currently extend the WebcamPublisher class to access the _camera instance and use the Camera.setMode() method, but it looks like that doesn't have any effect whatsoever.
Thanks in advance,
Michiel
PS: I'm aware of the captureWidthHeightFactor method, but I really don't like that approach, as it's not really clear what dimensions are being used for the video. I would like to set the dimensions myself, like when using the Camera.setMode() method.

Hironmay wrote:
For you height/width part, you can use resolutionFactor API in webcamPublisher as captureWidthHeight API is deprecated. The default width and height gets multiplied.
Ok, I'm using resolutionFactor now, but I'm not sure what the difference is. captureWidthHeightFactor is not really documented (it's there, but pretty unexplained), but the resolutionFactor uses multiples of the default width/height. I assume it does the exact same thing? (By the way: the resolutionFactor is not documenten on livedocs, only in the local documentation received as part of the zipped SDK.)
And still if you want to set your own native width/height , since you are already subclassing WebcamPublisher, just subclass the function createMyStream and add your native width and height. See that function in the player 9 source code of WebcamPublisher provided.
I'll look into that, for now resolutionFactor will have to do. (For testing purposes all video parameters have to be adjustable on the fly, and I unfortunately am already very short on time.)
One thing I forgot to mention in last mail, you can only have P2P with player 10 and you need to use player 10 swc for any verification of P2P. Player 9 will be always FMS.
You may have just saved my life! I was indeed using the player 9 swc, and tried the isP2P property, but didn't get it to work. And since it's not documented I labeled this as "deprecated" and dropped it. Great to see that it really is in there.
Also, the difference between the player 9 and player 10 swc you just explained answers another question I had (but totally forgot about). When connecting, the console always showed:
#FMSConnector# Wed Jan 6 10:52:11 GMT+0100 2010 is using RTMPS? true
This gave me the idea that the P2P service was unavailable. I'm glad to see that this isn't the case.
Thanks for your rapid replies everyone, I really appreciate it!
Michiel

[svn] 3411: * Change layout-related width/height, explicit width/height, measured width/height properties from post-scale to pre-transform.

Revision: 3411
Author: [email protected]
Date: 2008-09-29 16:44:01 -0700 (Mon, 29 Sep 2008)
Log Message:
* Change layout-related width/height, explicit width/height, measured width/height properties from post-scale to pre-transform. yay!
* Flex3 containers are updated to support the new behavior.
* Repeatedly scaling a component can differ from before, since we no longer accumulate rounding errors.
* The change is gated by a version flag, in compatibility mode these properties don't change.
Reviewed by Glenn, Ely
Modified Paths:
flex/sdk/trunk/frameworks/projects/flex4/src/flex/layout/LayoutItemUIC.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/Accordion.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/Box.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/DividedBox.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/FormItem.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/Tile.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/utilityClasses/BoxLayout.a s
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/utilityClasses/CanvasLayou t.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/core/Container.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/core/UIComponent.as
Added Paths:
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/utilityClasses/PostScaleAd apter.as

I am sorry to have to point out to you that you have changed SpryMenuBasicSkin.css so much that it is impossible to render any assistance.
To start with, the menubar has an ID of MenuBar, yet in the CSS I only see this referenced as a CLASS as in
.MenuBar {
background-color:#cccccc;
font-family: Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
MenuItem, and MenuItemLabel
at a given level all use same definition for ems.
Note that this means the size is also inherited to child submenus,
so use caution in using relative sizes other than
100% on submenu fonts. */
font-weight: normal;
font-size: 16px;
font-style: normal;
padding:0;
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width:0px;
border-style: none none none none;
I would suggest to start again.
Once you have done that, supply a link to your site and we will assist you further.
Gramps

No width/height set for items.This will cause an infinite loop. Aborting....... How do I get out of this?

How do I get out of this?

What are you talking about? The width/height of what? Is this some sort of error message? If so from what?

Action performs % scale instead of setting width & height

Similar Messages

Maybe you are looking for