How do you style a sparks TitleWindow?

I'm having a hard time getting my head around the new Sparks css. To pick an example, I have a custom TitleWindow called HelpWindow. How do I set the font and color for the TitleBar?
Also, is there a reference for what properties are available for styling on the new Sparks components?

hi,
With the new spark components you have a mixture of css and reskinning, usually when playing with things that have gradients like the titlewindow you are better off reskinning(my view) for the more standard parts you can use styles, for instance the titlewindow or panel have a titleDisplay property, this is where you could change font values etc..
myTitleWindow.titleDisplay.setStyle("fontSize",30);
David.

Similar Messages

How Do You Populate A Spark List Control With An Array?

Hello, all,
Sorry to come accross so frustrated, but how in the name of God do you populate a Spark list control with the data in an array? You used to be able to do this with the mx:List control, but the guys developing Flex just had to make things more difficult than they need to be! I am more of a code purist and prefer doing things the way they have been done for decades, but apparently nothing can ever stay simple!
I simply want to populate a list control with an array and this shouldn't be rocket science! I found out that I must use a "collection" element, so I decided that an arrayCollection would be best. However, after searching Adobe's documentation about arrayCollections, I am lost in a black hole of data binding, extra lines of code just to add a new element, the need to sort it, etc...!
Here is my code:
var pendingArray:ArrayCollection = new ArrayCollection();
for ( var i:int = 0 ; i < queue.length ; i++ )
     var item:UserQueueItem = queue[i] as UserQueueItem ;
     if ( item.status == UserQueueItem.STATUS_PENDING )
     pendingArray.addItem({label:item.descriptor.displayName,descriptor:item.descriptor});
Here is the relevant MXML:
<s:VGroup>
     <s:List id="knockingList" width="110" height="100"/>
</s:VGroup>
I'm not getting any errors, but the list is not populating.
I have seen several examples where the arrayCollection is declared and populated in MXML:
        <mx:ArrayCollection id="myAC">
            
            <fx:Array id="myArray">
                <fx:Object label="MI" data="Lansing"/>
                <fx:Object label="MO" data="Jefferson City"/>
                <fx:Object label="MA" data="Boston"/>
                etc...
           </fx:Array>
        </mx:ArrayCollection>
That may be fine for an example, but I think this is a rare situation. Most of the time I would image that the arrayCollection would be created and populated on the fly in ActionScript! How can I do this?
Thanks in advance for any help or advice anyone can give!
Matt

In your post it seemed like you were trying to take care of many considerations at once: optimization, design, architecture. I would suggest you get something up and running and then worry about everything else.
If I use data binding, then I will probably have to declare the arrayCollection as a global variable and then I'll have to write 100 or so extra lines of code to addItem(), removeItem(), sort(), etc... It just seems like too much overhead.
I believe you may have some misconceptions about databinding in general. You won't have to make it a global variable and you certainly won't need an extra 100 lines of code. If you did this forum would be a very , very quiet place.
I don't want to use data binding because the original array is refreshed often and there is one function called by an event that re-declares the arrayCollection each time, populates it with the array, and then sets it as the list's dataprovider.
That is the beauty of the ArrayCollection, it can handle the updates to its source Array. I don't know if you need to redeclare the ArrayCollection, resetting the source to the new Array allows everyone involved to keep their references so you don't have to worry about any "spooky" stuff going on.

How do you style a parent element in Contribute? (such as ul )

Is there any way to style a parent element in Contribute? Let's say I have a style class that I want to use to style an unordered list, but when I try to style it in Contribute, it will apply it to the <li> elements instead. Is there any way to select this parent element in Contribute? I know I can do this easily in Dreamweaver, but I am trying to provide this for content editors who do not need access to DW.

You're probably using Acrobat if you can duplicate pages like that. This is the Adobe Reader forum...
To answer your question, though: The only way this can be done automatically, without having to manually rename each field, is to use a Template to spawn new pages. This is something the form's author should have done, but you can do it yourself as well, using some code.

How do you style menu separator?

No matter what I do to the related style sheet, the menu
separator remains a white and gray line. How does one change this
default look?

Thanks! That did the trick.
Cheers,
-Rolf.

How to intercept style changes in skin for spark Button?

How to intercept style changes in skin for spark Button?
Thank you.

How to intercept style changes in skin for spark Button?
Thank you.

In the properties window from a CWGraph you can set the style (bar, line, multicolor). How can you do this programmaticly?

I can't find the style property in my object inspector(Delphi). With style, I want to set the graphic type. For example: simple, bar or multicolor. In the help from the CWGraph object I can not find anything about it. I have solved the problem now by exporting the desired graph and then import it if I create a new object Dynamicly. Does anyone have an answer?

You set the style for each individual CWPlot, not the graph itself. Each plot can have its own style, the graph style sheet is just there for quick changes of common plot styles. You would change the LineStyle, PointStyle, Colors, etc of each plot to do this programmatically. For example, to pick a bar style for a plot you would:
CWGraph1.Plots(1).LineStyle = cwLineStepXY
CWGraph1.Plots(1).FillToBase = True
CWGraph1.Plots(1).PointStyle = cwPointNone
This would create a plot that steps and is filled to base with no points shown (bars). If you want to see how the graph styles change the plots, pick a graph style in the property pages, then look at the plot page and see how the plot properties changed.
Best Regards,
Chris Matthews
Measurement Studio Suppo
rt Manager

How do you make a customized template?? When I customize an original template it does not apply it to the whole document! How do you apply style changes permanently to your document???

When one customize text styles or spacing between paragraphs. How do you apply settings permanently to a document???
Should you create a new template???

Happily, when you edit a document created by a given template, the changes aren't stored in the template.
If you want to get a template embedding your changes, you need to use :
File > Save as Template
then use the newly created custom template as starting point.
Yvan KOENIG (VALLAURIS, France) dimanche 22 janvier 2012
iMac 21”5, i7, 2.8 GHz, 12 Gbytes, 1 Tbytes, mac OS X 10.6.8 and 10.7.2
My Box account is : http://www.box.com/s/00qnssoyeq2xvc22ra4k
My iDisk is : http://public.me.com/koenigyvan

How do you edit the style and fonts of the twitter feed in MuseCC

After you embed a twitter feed into your MuseCC website how do you edit the style and fonts of the feed to match the design and copy of the site to keep the branding consistent

Thats not really easy.. maybe you find some informatione here: https://dev.twitter.com/discussions/11386

How do you change the lettering style of a adobe document that has been sent to you?

How do you change the lettering style of a adobe document that has been sent to you?

You can do this with Acrobat, but, as Claudio says, it's not possible in Adobe Reader.
If you do have Adobe Acrobat, you can learn how to modify text styles here.

How do you establish presets for style menu?

How do you establish presets for style menu? Have not seen a tutorial or any support.

1. Create the style you want. (in this example I created a red box with a shadow and a bevel. (example 1)
2. With the object still selected, go to the Graphic Styles menu.
3. Click on the small square icon to create a new style. (example 1, green box)
4. Muse will create a new style called Style in the menu area.
5. Click on the word Style to change the name to something more appropriete, click OK. (example 2)
See examples attached.
1
2

How do you start new line in paragraph style?

New trial user and can't figure out why a seemingly simple operation doesn't work..
How do you start a new line in a paragraph block? When I hit the enter key, it just returns to the front of the same line, overwriting the same line over and over again.
1. Clicked Text tool.
2. Dragged out a paragraph block.
3. Started typing and noticed that when it reached the end of the paragraph block, it just wrapped to the beginning.
Frustrated so could use some help.

…but also make sure that the No Break option in the dropdown menu (triangle at upper right corner) of the Character Panel is UNchecked:

How do you design a page turning style slideshow in Flash CS4?

Hi,
Scratching my head trying to figure this one out. How would you go about designing a slideshow where it looks like you are turning the pages of a magazine.
Thanks
Jimmy

Hi Thomas,
I see that you are using straight CSS for the centering, CSS makes things much easier than they used to be.
I have used the new recommended way for centering with CSS to good effect.
><body>
> 
></body>
>
>body {
> text-align: center;
> }
>
>#container {
> margin: 0 auto;
> width: xxxpx;
> text-align: left;
> }
You may need to edit the common.master masterpage to add in the container div. But this sort of centering is bulletproof.
James

[svn:fx-trunk] 10006: Initial checkin of the "More styles for Spark skins" feature.

Revision: 10006
Author:   [email protected]
Date:     2009-09-03 15:04:47 -0700 (Thu, 03 Sep 2009)
Log Message:
Initial checkin of the "More styles for Spark skins" feature. Details here:
http://opensource.adobe.com/wiki/display/flexsdk/MoreStylesforSparkSkins
There are some known issues:
Panel bottom corners not rounded correctly when the panel has a control bar
cornerRadius on Tab and DateChooser non functional
cornerRadius values > 4 have drawing artifacts in the "down" state of Button and button-like components
TextInput/TextArea incorrectly list lineBreak and verticalAlign as valid styles
This checkin also includes a couple minor unrelated bug fixes:
Remove MiniDebugTarget. This is a logging target that used MiniDebug, which hasn't worked since Flex 1.5
Fix RTEs when setting focusSkin to null
Optimization: don't measure skins if the host component has explicit sizes
QE notes: Yes, many baseline images will need to be regenerated
Doc notes: New ASDoc comments should be scrubbed
Bugs: SDK-22931, SDK-22798, SDK-22217, SDK-19358
Reviewer: Jason
Tests run: checkintests, cyclone
Is noteworthy for integration: Yes
Ticket Links:
    http://bugs.adobe.com/jira/browse/SDK-22931
    http://bugs.adobe.com/jira/browse/SDK-22798
    http://bugs.adobe.com/jira/browse/SDK-22217
    http://bugs.adobe.com/jira/browse/SDK-19358
Modified Paths:
    flex/sdk/trunk/frameworks/halo-manifest.xml
    flex/sdk/trunk/frameworks/mxml-manifest.xml
    flex/sdk/trunk/frameworks/projects/airframework/defaults.css
    flex/sdk/trunk/frameworks/projects/airframework/src/spark/components/Window.as
    flex/sdk/trunk/frameworks/projects/airframework/src/spark/components/WindowedApplication. as
    flex/sdk/trunk/frameworks/projects/airframework/src/spark/skins/spark/SparkChromeWindowed ApplicationSkin.mxml
    flex/sdk/trunk/frameworks/projects/airframework/src/spark/skins/spark/WindowedApplication Skin.mxml
    flex/sdk/trunk/frameworks/projects/framework/defaults.css
    flex/sdk/trunk/frameworks/projects/framework/src/mx/controls/ComboBase.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/controls/DateChooser.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/controls/NumericStepper.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/controls/TextInput.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/core/Container.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/core/IDeferredContentOwner.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/core/INavigatorContent.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/core/ScrollControlBase.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/core/UIComponent.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/styles/metadata/BorderStyles.as
    flex/sdk/trunk/frameworks/projects/spark/defaults.css
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/Application.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/DropDownList.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/List.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/NumericStepper.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/Panel.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/Scroller.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/SkinnableContainer.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/Spinner.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/supportClasses/ButtonBase.a s
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/supportClasses/GroupBase.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/supportClasses/Skin.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/supportClasses/SkinnableCom ponent.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/supportClasses/SkinnableTex tBase.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/supportClasses/Slider.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/primitives/RectangularDropShadow.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/SparkSkin.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/ApplicationSkin.mxml
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/ButtonBarFirstButtonSkin.m xml
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/ButtonBarLastButtonSkin.mx ml
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/ButtonSkin.mxml
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/DefaultButtonSkin.mxml
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/DropDownListButtonSkin.mxm l
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/DropDownListSkin.mxml
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/FocusSkin.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/ListSkin.mxml
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/NumericStepperTextInputSki n.mxml
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/PanelSkin.mxml
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/SpinnerDecrementButtonSkin .mxml
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/SpinnerIncrementButtonSkin .mxml
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/TextAreaSkin.mxml
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/TextInputSkin.mxml
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/ToggleButtonSkin.mxml
    flex/sdk/trunk/frameworks/projects/sparkskins/src/mx/skins/spark/BorderSkin.mxml
    flex/sdk/trunk/frameworks/projects/sparkskins/src/mx/skins/spark/ButtonBarFirstButtonSkin .mxml
    flex/sdk/trunk/frameworks/projects/sparkskins/src/mx/skins/spark/ButtonBarLastButtonSkin. mxml
    flex/sdk/trunk/frameworks/projects/sparkskins/src/mx/skins/spark/ButtonSkin.mxml
    flex/sdk/trunk/frameworks/projects/sparkskins/src/mx/skins/spark/ComboBoxSkin.mxml
    flex/sdk/trunk/frameworks/projects/sparkskins/src/mx/skins/spark/DefaultButtonSkin.mxml
    flex/sdk/trunk/frameworks/projects/sparkskins/src/mx/skins/spark/EditableComboBoxSkin.mxm l
    flex/sdk/trunk/frameworks/projects/sparkskins/src/mx/skins/spark/PanelBorderSkin.mxml
    flex/sdk/trunk/frameworks/projects/sparkskins/src/mx/skins/spark/PopUpButtonSkin.mxml
    flex/sdk/trunk/frameworks/projects/sparkskins/src/mx/skins/spark/SparkSkinForHalo.as
    flex/sdk/trunk/frameworks/projects/sparkskins/src/mx/skins/spark/StepperDecrButtonSkin.mx ml
    flex/sdk/trunk/frameworks/projects/sparkskins/src/mx/skins/spark/StepperIncrButtonSkin.mx ml
    flex/sdk/trunk/frameworks/projects/sparkskins/src/mx/skins/spark/TextInputBorderSkin.mxml
    flex/sdk/trunk/frameworks/projects/wireframe/src/spark/skins/wireframe/ApplicationSkin.mx ml
    flex/sdk/trunk/frameworks/tests/basicTests/BasicTests.css
    flex/sdk/trunk/frameworks/tests/basicTests/spark/scripts/BorderTestScript.mxml
Removed Paths:
    flex/sdk/trunk/frameworks/projects/framework/src/mx/logging/targets/MiniDebugTarget.as

Gordon, it looks like its been a while since you made this post. Not sure how valid it is now...   I am particularly interested in the LigatureLevel.NONE value. It seems that it is no longer supported.
How do I turn of ligatures in the font rendering?
My flex project involves trying to match the font rendering of Apache's Batik rendering of SVG and ligatures have been turned off in that codebase. Is there any way (even roundabout) to turn ligatures off in flash?
Thanks,
Om

How Do You Add Multiple CSS Rules to Text?

Hi everyone, I have these css rules in my css styles window they are all assigned to some text in a cell on my page.
.Def14grey4 <body>
.def14grey4 a:link <a>
.def14grey4 a:visited <a>
.def14grey4 a:hover <a>
.def14grey4 a:active <a>
.def14grey4 a:focus <a>
How do you add (all of) these styles to the text in the first place, I know how to add the first one (.Def14grey4), you select the text in the cell and choose the rule from the drop-down menu in the css panel, but how do you add the other ones to some text as well, so that it can have the same link properties.
Basically I have some more text elsewhere on the page and want to assign these rules to that as well.
thanks Gareth

You would want to change your order as shown here -
.Def14grey4 <body>
.def14grey4 a:link <a>
.def14grey4 a:visited <a>
.def14grey4 a:hover, .def14grey4 a:focus <a>
.def14grey4 a:active <a>
That way, the hover and the focus states are equivalent.
How do you add (all of) these styles to the text in the first place, I know how to add the first one
You don't really. The 4 bottom selectors say -
"find an element with a class of 'def14grey4', and style any link inside that element this way"
So, <span class="def14grey4"><a href="whatever.html">Whatever</a></span> would get the pseudo-class styles, as would any of the following -
<span class="def14grey4"><a href="whatever.html">Whatever</a></span>
<td class="def14grey4"><a href="whatever.html">Whatever</a></td>
<p class="def14grey4"><a href="whatever.html">Whatever</a></p>
<body class="def14grey4"><a href="whatever.html">Whatever</a></body>
<div class="def14grey4"><a href="whatever.html">Whatever</a></div>
<strong class="def14grey4"><a href="whatever.html">Whatever</a></strong>
and so on. These examples assume that there isn't some other more specific rule that would apply to the same links. You need to study up on the CSS cascade and specificity....

How do you construct a web form using coldfusion??

How do you construct a web form using coldfusion?? any
examples?
thanks in adv.

A sample Form:
<cfform action="CCARProc.cfm"
enctype="multipart/form-data" method="post" name="CCAR"
onsubmit="return verify()">
<table width="730" border="0" cellpadding="2"
cellspacing="1" align="center" class="unnamed1">

<tr valign="top">
<td colspan="3" bgcolor="#F2F2F2">Name Of
Requester(<font color="red">*</font>)</td>
<td width="402" bgcolor="#F2F2F2"><cfinput
type="text" name="Requestor_Name" size="15" value="#REQNAME#"
maxlength="25" >
MTABT Email(<font
color="red">*</font>)
<cfinput name="Req_Email" type="text" size="8"
maxlength="20" value="#ReqEmail#"
>@mtabt.org</td></tr>
<tr>
<td colspan="3">Requester Telephone #(<font
color="red">*</font>) </td>
<td><cfinput type="text" VALUE="#REQPHONE#"
name="RPhone" size="12" maxlength="12" message="Requester Phone
cannot be blank / Invalid Entry!" required="yes"
validate="telephone"> [e.g. xxx xxx xxxx or
xxx-xxx-xxxx]</td>
</tr>
<tr>
<td colspan="3" bgcolor="#F2F2F2">Facility(<font
color="red">*</font>)</td>
<td bgcolor="#F2F2F2">
<cfselect name="Facil">
<option value="2B">2B </option>
<option value="BBT">BBT </option>
<option value="BW">BW </option>
<option value="CB">CB </option>
<option value="HH">HH </option>
<option value="MP">MP </option>
<option value="QMT">QMT </option>
<option value="RI">RI </option>
<option value="TM">TM </option>
<option value="TB">TB </option>
<option value="TN">TN </option>
<option value="VN">VN </option>
</cfselect>
</td>
</tr>
<tr>
<td colspan="3">Department(<font
color="red">*</font>)</td>
<td><cfselect name="Dept">
<option value="Contracts">Contracts </option>
<option value="Engineering">Engineering
</option>
<option value="Executive Office">Executive
Office</option>
<option value="Finance">Finance </option>
<option value="General Counsel">General Counsel
</option>
<option value="HS">HS </option>
<option value="HR">HR </option>
<option value="ISD">ISD</option>
<option value="Legal">Legal </option>
<option value="Labor Relations">Labor Relations
</option>
<option value="Operations">Operations </option>
<option value="Payroll">Payroll </option>
<option value="Planning & Budget">Planning &
Budget </option>
<option value="Procurement & Mtrl">Procurement
& Mtrl </option>
<option value="Purchasing">Purchasing </option>
<option value="Revenue Management">Revenue Management
</option>
<option value="Staff Services">Staff Services
</option>
<option value="SD">SD</option>
<option value="Technology">Technology</option>
</cfselect></td>
</tr>
<tr>
<td colspan="3" bgcolor="#F2F2F2">Division(<font
color="red">*</font>)</td>
<td bgcolor="#F2F2F2"><cfinput name="Div"
type="text" size="20" maxlength="25" VALUE=""></td>
</tr>
<tr valign="top">
<td height="27" colspan="3" >Justification(<font
color="red">*</font>)</td>
<td bgcolor=""><textarea name="Justi" cols="50"
rows="3" wrap="VIRTUAL" ></textarea> </td>
</tr>
<tr>
<td colspan="3" bgcolor="#F2F2F2">VP Approval
By (<font color="red">*</font>)</td>
<td bgcolor="#F2F2F2"><cfinput name="VPAppFName"
type="text" size="20" maxlength="25" VALUE="#VPFName#">
MTABT
Email(<font color="red">*</font>)
<cfinput name="VPE" type="text" size="8" maxlength="20"
value="#VPEmail#" >@mtabt.org</td>
</tr>
<tr>
<td colspan="3" valign="top"
bgcolor="#F2F2F2"></td>
<td colspan="2" rowspan="2" valign="top"
bgcolor="#F2F2F2"><div align="left">
<input name="Submit" type="submit" value="SubmitTheForm"
class="button"
style="font-size='10pt';color='#663399';font-face='Arial,
Helvetica, sans-serif';" >
<input name="Reset" type="reset" value="ReSetTheForm"
class="button"
style="font-size='10pt';color='#663399';font-face='Arial,
Helvetica, sans-serif';">
</div></td>
<td width="90" valign="top"
bgcolor="#F2F2F2"></td>
</tr>
</table>
<div align="right"><span class="style4">Revised(
01.28.05 )</span>
<input name="submitDate" type="hidden"
value="<cfoutput>#DateFormat(Now(),'mm/dd/yy')#</cfoutput>">
</div>
</cfform>

How do you style a sparks TitleWindow?

Similar Messages

Maybe you are looking for