Spark panel title height?

How do you read the height of the title bar in a Spark panel?
I expect this example to work, but it doesn't.
http://blog.flexexamples.com/2010/07/25/setting-the-header-height-on-a-spark-panel-contain er-in-flex-4/
The panel.titleDisplay does not have a height property.

Use Viewport and Id VGroup:
<s:VScrollBar id="bar" viewport="{exmp}" height="100%"/>

Similar Messages

How do I read the actual height of the panel title bar (or actual total panel height)

In Flex 4.5:
I have panel which is reading panel.height as 159, however it contains a swf in a swfloader which is 400 in height so it should be more than 400.
I need to know what the actual height of the panel is so I can scaleX and scaleY it to full screen height eg. scale=screenheight/panelHeight.
I know the content container will be 400 (the size of the movie) but can't read the height of the titleBar, and the overall panel height is returning the wrong value.

Spark Panels don't clip. Maybe that's what is going on? Also check the
measuredHeight of the Panel.

Can you move an object in a spark panel?

I have an empty spark panel that I add two object to. After I add them, I want to perform a move operation to split them apart over a duration. It seems that my move operation has no effect.
My panel declration is as follows:
<s:Panel id="nodeExplorer" backgroundColor="0xFFFFFF" creationComplete="hidePanelHeader(event)" height="100%">
          <s:layout>
               <s:VerticalLayout>
                    <s:verticalAlign>middle</s:verticalAlign>
                    <s:gap>0</s:gap>
               </s:VerticalLayout>
          </s:layout>
          <s:Group id="explorerGroup">
          </s:Group>
     </s:Panel>
My add and move function look like the following:
public function exploreNode(image:Image):void {
     image.parent.removeChild(image);
     var topImage:BitmapImage = new BitmapImage();
     topImage.source=(new P7TopImage() as Bitmap).bitmapData;
     var bottomImage:BitmapImage = new BitmapImage();
     bottomImage.source=(new P7BottomImage() as Bitmap).bitmapData;
     nodeExplorer.addElement(topImage);
     nodeExplorer.addElement(bottomImage);
     var parallelMove:Parallel = new Parallel();
     var topMove:Move = new Move(topImage);
     topMove.yBy=-50;
     var bottomMove:Move = new Move(bottomImage);
     bottomMove.yBy=50;
     parallelMove.children = [topMove,bottomMove];
     parallelMove.duration = 4000;
     parallelMove.play();
Any idea on how I can make those images move?

I would guess the layout of the panel is forcing them back
try it with basic layout
Most definitly.
I assumed he was adding to the Group without a layout. I guess I should learn to read more carefully.

Image in panel title

hi!
how can I put an image in the panel title?
I tried with tha same way that the button, like this:
<mx:Panel id="myPan" title="Panel"
icon="@Embed('image.png')">
but it didn't work
any idea?
thank you

Create a component file which extends Panel - either MXML or
ActionScript. You need to do this because you need access to the
protected member, titleBar.
Override the createChildren method and add an Image to the
titleBar:
[Embed("image.png")]
private var yourEmbededImageClass:Class;
override protected function createChildren() : void
super.createChildren();
var img:Image = new Image();
img.source = yourEmbededImageClass;
titleBar.addChild(img);
You will also need to increase the Panel's title height
(style: headerHeight) enough to accommodate the icon.

Can a Panel title have two different fonts in flex 3?

hi Frenz,
I am using flex 3. I have a question related to the Panel title. Is it possible that a Panel can have a title with two different fonts? For example I want the panel title to be like this "HELLO - How are you?".
Please help me out with this....

Hey So I modified this can you tell me if its correct. My company name is FAMSCO CONSTRUCTION. I wanted the F in Vivaldi size 72 and the rest in Book antique....Can you help me out?
FAMSCO CONSTRUCTION INC

[svn:fx-trunk] 5019: ASDoc updates to indicate that some Halo containers do not work with the Spark equiv (ControlBar does not work with Spark Panel/ AppControlBar does not work with Spark Application), and indicate that Canvas, Box, Tile, Panel have Spa

Revision: 5019
Author: [email protected]
Date: 2009-02-19 13:17:21 -0800 (Thu, 19 Feb 2009)
Log Message:
ASDoc updates to indicate that some Halo containers do not work with the Spark equiv (ControlBar does not work with Spark Panel/AppControlBar does not work with Spark Application), and indicate that Canvas, Box, Tile, Panel have Spark equivs
QE Notes: None
Doc Notes: None
Bugs: -
Modified Paths:
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/Accordion.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/ApplicationControlBar.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/Box.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/Canvas.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/ControlBar.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/HBox.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/Panel.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/TabNavigator.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/Tile.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/VBox.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/ViewStack.as

Hi DST
This is a great effort and gesture. thank you on behalf of all the newbies.
PJ

How to change panel title

I have a master/detail view based on code generated by the
ColdFusion Application wizard. When a user selects a record in the
top panel, the details get displayed in the bottom panel.
What I want to do is to have the title of the bottom panel
dynamically display one of the fields in the record (the patient's
name), i.e., whenever a different record is selected the panel
title should change.
I tried giving the panel an ID (pendingDetailPanel). then
referring to it in the file which contains the contents of the
panel like this:
<mx:Script >
<![CDATA[
pendingDetailPanel.title="{this.detailObject.CURR_NAME}";
]]>
</mx:Script>
But that gives me the following error:
1120: Access of undefined property pendingDetailPanel.
How should I go about it?
Thanks

First, you cannot do assignments like that outside of a
script. Get in the habit of doing all work inside of an initialize
or creationComplete handler. Only declare instance (global)
variables outside of a function
Next, you cannot use binding braces in AS.
What you want to do is have the select operation set the
value of a bindable instance variable:
[Bindable] var _sPatientName:String = "";
private function onChangePatient(oEvent:Event):void {
_sPatientName = oEvent.target.selectedItem.patientName;
And in the panel:
<mx:Panel title="{_sPatientName }" .../>
Tracy

Spry Accordian panel content height for more than 1 accordian in site

Hi,
I have added a couple of accordians to my website on different pages.
When I adjust the panel content height for 1 it automatically changes it for all of them on my site causing scroll bars to be visible - which I am trying to avoid.
I'm new to Spry coding and am not sure what to change.
Thank you for your help

This is a frequent question, in one form or other. It helps to understand that when you insert a Spry Widget, the associated javascript and CSS files are also added to your site files. And if you insert a second of the same type of Widget, DW checks and sees the original js and css files and does not add a second (or third). This is efficient, and also keeps your styling uniform across all instances of that Widget in your site.
If you want Widgets of the same type styled differently, you need to add to your CSS stylesheet style selectors that focus on those parts you want to be different.
Because Widgets are already ID'd, you can't add a new ID directly to the Widget <div> But you can wrap the Widget in a new div and put an ID on that.
Say you want two accordions on a page, one with panel content height of 100px and one with panel content height of 200px.
ID your accordions' wrapper divs: <div id="normalheight"> and <div id="doubleheight"> (use better descriptive IDs).
In the CSS stylesheet, do this:
.AccordionPanelContent {
    overflow: auto;
    margin: 0px;
    padding: 0px;
    height: auto;
#normalheight .AccordionPanelContent {
     height: 100px;
#doubleheight .AccordionPanelContent {
     height: 200px;
Be sure to add them directly after the given rule for .AccordionPanelContent; you are re-writing the height in that style selector for your two more specific accordions.
Beth

Custom Title in PDA Front Panel Title Bar

Hi,
I would like to customize the title in the front panel title bar of my PDA application after the application has loaded. Targeting Windows XP this can be done by using Property: Front Panel Window: Title, which is not supported by the PDA module (8.5).
Does anybody know of any workaround?
Thanks,
Volker

Hi Volker,
I'm
sorry for any inconvenience this has caused. As you're probably aware,
architecting PDA applications is considerably different from architecting
Windows XP apps. PDAs have very limited resources, and are not capable of
supporting the LabVIEW runtime engine, so the PDA module must "cut the
fat" by compiling the VI to native PDA code and by eliminating any
unnecessary features. There may be other reasons that that feature has
not been implemented that I am unaware of, or it may simply be that R&D has
not made it a priority. In either case, filing a product suggestion is
the best way to draw attention to it.
Also, FYI, the LabVIEW Help keeps a current list of supported properties and methods:
Supported Properties (PDA Module, Touch Panel Module)
http://zone.ni.com/reference/en-XX/help/370642E-01/lvpdatpchelp/pda_properties/
Supported Methods (PDA Module, Touch Panel Module)
http://zone.ni.com/reference/en-XX/help/371944B-01/lvpdatpchelp/pda_methods/
Eric V
National Instruments
Applications Engineer
Certified LabVIEW Associate Developer
"I'm a Ramblin' Wreck from Georgia Tech and a helluva (NI Applications) Engineer!"

ControlBar equivalent in Spark Panel?

Is there a way to include buttons or other content at the bottom of a spark panel the way there was for a halo panel? Or do I need to use a Halo panel?
Also, even when I try to use a Halo panel (mx:Panel) it looks just like a Spark panel, and I cannot style it with css the way I normally would with a panel in Flex 3.

Handycam,
I believe in order to use a control bar, you would need to create a custom Panel skin and add your controls there. For more information see the "Spark replacement for mx.controls.ApplicationControlBar?" thread at http://forums.adobe.com/message/2010361.
Peter

SDK trunk build 11499 breaks spark panel.

SDK trunk build 11499
breaks spark panel when skinned with a skin that has no titleDisplay label
I think it’s because;
the changehange doesnt take into account the fact that titleDisplay isnt a required skinPart
I may be wrong here tho, thats why i havent posted a bug on jira yet

Hi Peter,
The last time I did a build of the sdk was on the code just before you had the mini-freeze and all was perfect, When I first set up the work space there was a netmon error, When I pointed to netmon.swc I got a spark.swc warning so I removed netmon.
As mentioned in another post the co-ordinates for a component are correctly stored just not used for the design mode canvas, I was going to d/l the nightly build but I see that it has caused others the same problem.
Anyway I suppose its a bit irrelevant, as this beta has now expired.
David.

"Sliding Panel" title text remains black

I don't know why, using a "Sliding Panel" title, if I change the face color nothing happens... the text remains black. I'd like to make it white, but there's no way to do it, here. Even opening it in Motion, I set white color for text face, but it remains black....

You could open a copy in Motion, disable the Title layer and add a text layer and a fade in/fade out behavior. Remember to make the new text a published parameter.
Good luck
Russ

How to change Window panel title size?

I have created a script with a gui Window with groups and panels. My issue is when I fire the script either from After Effects or from the Extendscript Debugger, I can't see the whole title on my panel title. Below is an image highlighting the error I am seeing.

Some containers have a "titleLayout" property (search the JavaScript Tool Guide pdf) but i just checked and panels don't have it (only tabbedpanels).
So the only way i bet is to make your panels wider, which you can do in many ways.
For instance : myPanel.preferredSize = [130, -1]; // sets the preferredSize.width to 130
Or myPanel.margins = [30,10,30,10]; // increase horizontal margins of the panel so it it becomes wider

Modifying default spark panel skin's id=contentGroup not working

Hello,
I'm modifying the default "spark.skins.spark.PanelSkin" and then applying this tailored Panel skin to my panel component. I want to be able to create a left, right, and bottom constraint of 10px to the "contentGroup" --this is all.
However, I am finding this task near impossible. I'm changing:
<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
            </s:Group>
To:
<s:Group id="contentGroup" left="10" right="10" top="10" bottom="10" width="100%" height="100%" minWidth="0" minHeight="0">
            </s:Group>
However, this does NOT work. Alternatively, modifying it's "contentGroup"s parent... "contents"... from:
<s:Group id="contents">
To:
<s:Group left="10" right="10" left="10" top="10" bottom="10" id="contents">
does NOT work either.
Can someone please tell me how to make the "contentGroup" have a 10px padding around WITHOUT changing the title bar?? Thanks in advance

I believe your first attempt isn't working because you are defining both a width/height size and top/left/right/bottom constraints (the width/height take precendence)
Your second attempt isn't working because the "contents" Group is in a VerticalLayout which doesn't respect top/left/bottom/right constraints.
EDIT:
Actually setting the left/right/top/bottom on "contents" doesn't have any effect because at the top of the skin file the override of updateDisplayList() sets them to zero. If you change those two lines from 0 to 10 it should have an effect, but not the one you are looking for. I suggest this approach:
Try wrapping the contentGroup in another Group that has width/height of 100% and set the top/left/right/bottom on the contentGroup:
            
            <s:Group id="padding" width="100%" height="100%">
                <s:Group id="contentGroup" top="10" left="10" right="10" bottom="10" minWidth="0" minHeight="0">
                </s:Group>
            </s:Group>
Message was edited by: Shongrunden

Panel, title window buttons

Hi everybody
I wonder, i know its possible to add buttons, to the titlebar
of a title window, but i don't know how its done, can someone
explain me please? or send me a link with a tutorial. Also i'd like
to know if its possible to add another type of controls such as
input text or combobox.
Thanks

Here's a sample I've created, it just so happens I'm
currently working on something similiar.
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="
http://www.adobe.com/2006/mxml"
width="400" height="300">
<mx:XML id="cmbXML">
<root>
<item label="item one" />
<item label="item two" />
</root>
</mx:XML>
<mx:TitleWindow width="100%" height="100%"
layout="absolute" title="Title Window Test">
<mx:Button label="Button" right="10" bottom="10"/>
<mx:Button label="Button" right="83" bottom="10"/>
<mx:TextArea left="10" right="10" top="10"
bottom="40"/>
</mx:TitleWindow>
<mx:Image source="images/common/cross.png" right="10"
top="6"/>
<mx:ComboBox right="40" y="4"
dataProvider="{cmbXML.item}" labelField="@label" />
</mx:Canvas>
The only challenge is, as a popup window I can't drag it
around, i have to let the mouse drag event fall through to the
canvas somehow.

Spark panel title height?

Similar Messages

Maybe you are looking for