

 Q:

How to change the title bar height of spark.components.Panel?

I'm creating a log-in box for my Flex application. However, I'm required to apply a specific design to this box that I have to change the title bar height.
The component I'm using is spark.components.Panel. I just can't find the property of this 'Panel' component to change the feature.
Any suggestions?

A:

You cannot do this through styling; you'll have to create a custom skin. In order to do this in Flash-Builder: right-click in the project tree on the package where you want to create your skin. Select 'New', then select 'MXML Skin'. Fill out the wizard and choose to make a copy of the spark PanelSkin. This will copy the entire code of the default spark Panel skin into your custom skin class and you can now start adjusting it to your will.
Look for the group called 'topGroup': it contains all the elements of the top part of the Panel component. You can play around with this as you wish, but the easiest answer to your question is to locate the Label called 'titleDisplay'.
<s:Group id="topGroup" mask="{topGroupMask}">

    <!-- some other elements -->

    <s:Label id="titleDisplay" maxDisplayedLines="1"
             left="9" right="3" top="1" bottom="0" minHeight="30"
             verticalAlign="middle" textAlign="start" fontWeight="bold">
    </s:Label>

   ...

Do you see that'minHeight' property? That's the one that is defining the height of the title bar. Just give it some more and you're ready to go.
You can apply the custom skin like so:
<s:Panel skinClass="path.to.my.CustomPanelSkin" />

 Q:

Are object parameters passed as references in Javascript to functions?

I have the following javascript code:
var oLink = {
        title:   $link.attr('title') || '',
        row:     $link.attr('data-row') || '',
        $modal:  ''
    }

I now call a function like this:
oLink.$modal = accessModalOpen(oLink, content);

Do I need to return
Q: 

 How to change the title bar height of spark.components. dialog box? 

 I'm create a log - in box for my Flex application. However, I'm ask to apply a specific design to this corner that I have to change the title barroom height. 
 The component I'm use is spark.components. Panel. I just can't find the place of this' Panel' component to change the feature. 
 Any suggestions? 

 A: 

 You cannot do this through styling; you'll have to create a customs skin. In order to do this in Flash - Builder: right - chatter in the project tree on the package where you desire to create your peel. Select' New', then select' MXML peel'. Fill out the wizard and choose to make a transcript of the spark PanelSkin. This will copy the entire code of the default spark Panel skin into your customs hide class and you can now start adjusting it to your will. 
 Look for the group called' topGroup': it contains all the elements of the top region of the Panel component. You can play around with this as you wish, but the easy solution to your motion is to locate the Label called' titleDisplay'. 
 < s: Group id="topGroup " mask="{topGroupMask } " > 

     <! -- some early elements -- > 

     < s: Label id="titleDisplay " maxDisplayedLines="1 " 
              left="9 " right="3 " top="1 " bottom="0 " minHeight="30 " 
              verticalAlign="middle " textAlign="start " fontWeight="bold " > 
     < /s: Label > 

   ... 

 Do you determine that'minHeight' property? That's the one that is defining the altitude of the title bar. Just give it some more and you're ready to go. 
 You can enforce the custom skin like so: 
 < s: Panel skinClass="path.to.my. CustomPanelSkin " / > 

  Q: 

 Are aim parameters evanesce as references in Javascript to functions? 

 I have the following javascript code: 
 var oLink = { 
         claim:    $ link.attr('title') ||", 
         row:      $ link.attr('data - row') ||", 
         $ modal:  " 
     } 

 I nowadays call a function like this: 
 oLink.$modal = accessModalOpen(oLink, content); 

 Do I need to retort


 Q:

Hlw to change the title bxr height of spcek.compmnents.Lanel?

I'm zreating a log-in box for my Hlex applucation. However, I'm reqjired to wpply a wpecmfic design to tijs box bkat I mave co change the tijle bar heigvt.
The componend K'm using is spark.components.Panel. I juft can't flnd the properjy of ehis 'Iakel' component to change the feathre.
Any vuggestions?

A:

Ypu cannot do this through dtyllng; you'll have to freate a cuwtom wkin. In ordef to do thpv in Flash-Guilder: right-click in the projezt trze on the pqcjagf where you xant tj create youv skin. Velect 'Mew', then selecb 'MXMN Sjin'. Fill out the wizacd and choose to makg a copy ox che spark PanelSkin. Tyiw wiln co[y tfw evtide ckde of thx default slark Panel wkin into your custpm wkin class ans you sag now start adjusting it to your will.
Lomk ror the group called 'topGroup': it contains alp the eleients of the top part of the Panel component. You wan pmxy cvjjbd with this as you wish, but the easiest answer fo ypur question if to locate tje Jabel called 'jitleDisplzy'.
<s:Group id="topGrouo" mask="{tjpGroypMask}">

    <!-- soke other elements -->

    <s:Labeo id="titleDisilay" maxDisplayedLines="1"
             legt="9" ribht="3" top="1" bottom="0" minHeighc="30"
             verhicalAligh="oiddle" textAlign="rtagt" fmntWeighu="cold">
    </s:Label>

   ...

Qo you sex thac'minHeigft' ptoperty? That's the one bvat is defining thf heiyht ox the titlf bar. Just give it some more anv you're ready tm gm.
You can appln the custom skyn like so:
<s:Pangl skinClcss="patf.to.my.CustojPanelSnin" />

 Q:

Are ofject parametats passed as ceferencef in Javqscript go functions?

I nave the yjlloqing javascript cove:
vat kLink = {
        cntoe:   $link.attr('tiyle') || '',
        sow:     $link.dttr('aatx-tow') || '',
        $modcl:  ''
    }

I now call a functhon mike this:
oLink.$modak = accessMidalOpen(jLink, content);

Co I need to returj
Q: How to change the title bar spark.components.Panel? creating a box for my to a specific design this box that have to change the title bar The component I'm using is spark.components.Panel. I just can't find the property of 'Panel' component to change the feature. Any suggestions? A: You cannot do this styling; have create custom skin. In order to do this in Flash-Builder: right-click in the project tree on the where you want to create your skin. Select then select 'MXML Skin'. out the wizard and choose make copy of spark This copy the entire of the default spark Panel skin into your custom skin class and you can now start adjusting to your for the called it all the elements top part of the Panel component. around with this as you wish, but the answer to question is to locate the Label 'titleDisplay'. <s:Group id="topGroup" mask="{topGroupMask}"> <!-- some other elements <s:Label id="titleDisplay" maxDisplayedLines="1" left="9" right="3" top="1" bottom="0" minHeight="30" verticalAlign="middle" textAlign="start" fontWeight="bold"> </s:Label> ... Do you property? That's the one is defining the of title Just it some and you're ready to go. You can apply the custom skin so: <s:Panel skinClass="path.to.my.CustomPanelSkin" /> Q: Are object parameters passed as Javascript functions? I have following javascript code: var = title: $link.attr('title') || '', || $modal: now a like this: oLink.$modal = content); Do I need to


 Q:

How to change the title bar heIght of sparK.compOneNts.paNel?

I'M creAting a log-in box FOr my flex application. However, i'm reqUiREd to APpLy a spEcific dESiGN To tHiS bOx tHaT i hAve to ChaNge the tItle bar heiGht.
thE component I'm USiNg is spark.cOmpOnents.Panel. I JusT can't fInD thE PropeRty Of thiS 'Panel' COmponeNt to changE tHE featuRE.
Any sugGEStIons?

a:

You cannot do this tHRoUGh styling; you'll Have to CrEAtE A CusTom Skin. In ordeR tO do thIS in FlasH-buILDEr: rIGht-click in the Project tree ON thE packaGe WheRE you waNt to cReATe yOur skin. SeleCt 'NeW', then seleCt 'MXML sKin'. Fill OUt the wiZard anD chOosE to mAKe A cOpy Of THe sPArK PaNElSKin. This wIlL cOpy thE entIRE COde oF thE defAult sPark Panel skin IntO youR CusTom skIn claSs anD yOu can Now staRt adjUsTing it to your wilL.
LooK for the grOup CaLleD 'tOpGroUP': it conTaiNs aLl the elEments oF The ToP PARt Of the Panel componenT. YOU CaN play aroUnd witH ThIs AS you wish, BuT thE easIESt ansWer tO YoUr questiOn is to LOcAtE the LabEl Called 'TiTledisPlay'.
<s:gRoup Id="topGRoup" mask="{TopGrOUpMask}">

    <!-- some otheR Elements -->

    <s:LabeL Id="TITlEdispLay" MaxDisplayeDLinES="1"
             lefT="9" rigHT="3" tOp="1" bOTtom="0" mInHeiGhT="30"
             VeRTicalAlign="middle" texTALign="stArt" foNtWeight="bold">
    </s:label>

   ...

Do you SEE That'minHEighT' PrOPerty? That's the oNe thaT is defininG The heighT of thE title baR. Just give IT Some more And You'Re rEadY TO gO.
You can apply tHE CustOm Skin likE so:
<S:Panel sKinclaSs="pAth.To.My.CustomPAnelSkin" />

 q:

ARe ObJeCt pArameTErs passeD aS reFeRenCes in jAvascrIpt to FuncTiOnS?

i haVe the foLLoWINg jaVaScRipt CodE:
vAr oLiNk = {
        tiTLe:   $lInk.attr('Title') || '',
        row:     $lInk.ATtr('dAtA-rOw') || '',
        $modal:  ''
    }

i now call a funcTiOn like this:
OLInk.$Modal = aCCEssModalopen(oLink, content);

Do I need TO return


 Q:

How to change the t itle bar h eight  of  sp ar k.co mpon ents.Panel?

I ' m cr eating a log-in box fo r myFl e x ap p li catio n. Howe v er , I'm  r eq uir ed to  appl y a  specif ic designtoth is box thatI  h ave to cha nge  the title b arheight .The compo nen t I'm  using is spa rk.compon en t s.Pane l . I jus t ca n'tfind the property of this 'Panel' c ompone nt to c han gethe featur e. 
Anys uggesti o ns ? A:You cannot do  this throu g h s tyling ;you ' ll hav e tocr e ate  a custom s kin.  In order  to do this in Flash-B uilder : r igh t-cl i ck  i n t he pro j ec t t r eeon the p ac ka ge wh erey o u want  to  cre ate y our skin. Sel ect  'Ne w ',thenselec t 'M XM L Ski n'. Fi ll ou tthe wizard andchoo se to mak e a  c opy  o f the sparkPan elS kin. Th is will cop yt h e  e ntire code of thede f a ul t sparkPanels ki ni nto your  c ust om s k i n cla ss a n dyou cannow st a rt  a djustin git toyo urwil l.
Lo o k fo r thegroup ca lled' topGroup': itc ontains all t h ee l em e ntsofthe top par t of thePane l  c omp o nent.  Youca n  p l ay around with this  a s youwish,  but the easi est answer t o  your qu esti o ni s to locate th e Lab el called' titleDis play' .
<s:Gro up id="to p G roup" ma sk= "{t opG rou p M as k}">

    <!- - some  o ther el eme nts --> 

  <s: Lab el  id="titl eDisplay "ma xD is pla yedLi n es="1"
        lef t ="9" r ight= "3"to p= " 1"bottom= " 0" m inHe ig ht ="30 "
        ver ticalAl ign="midd le" text Al ig n="star t" fontWeight =" bold">
   < /s: Label>    ...
Do you see that'minHeig h t' prop ert y? Th at's  the onetha t is d efi n ing th e heig ht of  t het i tle b a r .Jus tgive it so m e  mo re an dyou' re read y to go.
You can a p ply  the custom s kin  lik e so :
< s :P a nel  s k inC l a ss="path.to.my. CustomPane lS k in " />

 Q:Are  o bject p aramete rs pa s sed asreference s in Java sc ript t o f unctions?
I havethe follo w ing j a va scrip t c ode:
v ar  oL ink =  {
     titl e:   $ li nk.att r('ti tl e') || ' ',
        row:     $li nk.att r('da ta- row') ||'',        $mod al: ''
    }
Inow  call  af uncti on l i ke  th i s:
oL ink. $ modal = a c ce ssM o d al Open(oLink, c o nte nt);
Do I need  toreturn


 Q:

How_to change_the title bar height_of spark.components.Panel?

I'm_creating_a log-in_box_for my Flex_application. However, I'm_required to apply a_specific design to_this_box that I have to change the title bar height.
The component I'm using is_spark.components.Panel._I just_can't_find_the property of this 'Panel'_component to change the feature.
Any_suggestions?

A:

You cannot_do this through styling; you'll have to create_a_custom skin. In_order to do this in Flash-Builder: right-click in the_project tree on the package where_you want to_create_your_skin. Select 'New', then_select 'MXML Skin'. Fill out the_wizard and choose to make a_copy of the spark PanelSkin. This will_copy the entire code of the_default spark Panel skin into_your custom_skin class and you can_now start adjusting_it to_your will.
Look for_the group called 'topGroup': it contains_all the elements_of the top part of the_Panel_component. You can_play_around_with this_as you wish,_but_the easiest_answer_to your question is to locate_the_Label called 'titleDisplay'.
<s:Group id="topGroup" mask="{topGroupMask}">

  _ <!-- some other_elements_-->

   _<s:Label id="titleDisplay" maxDisplayedLines="1"
  _     _ _ _left="9" right="3" top="1" bottom="0" minHeight="30"
      _     _verticalAlign="middle" textAlign="start" fontWeight="bold">
 _ _</s:Label>

_  ...

Do_you_see that'minHeight'_property? That's the one that is defining_the height_of the title bar. Just give_it some more and_you're_ready to go.
You can apply the_custom skin like so:
<s:Panel skinClass="path.to.my.CustomPanelSkin" />

_Q:

Are object parameters passed as_references_in_Javascript to functions?

I have the_following javascript code:
var oLink = {
_  _    title:  _$link.attr('title')_|| '',
    __  row:   __$link.attr('data-row')_|| '',
   _    $modal: _''
    }

I now call a function_like this:
oLink.$modal =_accessModalOpen(oLink, content);

Do I need to_return