Select to view content in your preferred language

Change media container size in Pop Up Window

3238
12
08-29-2011 10:35 AM
CarrieTropasso1
Occasional Contributor
I would like to change the media container size in the popup window for Flex Viewer 2.4 so that there are no gaps around the top and bottom of my image - see attached image (I want to remove the gaps so that the blue border is tight against the image).  Where do I access this information to change this setting?

Thanks
Tags (2)
0 Kudos
12 Replies
WillHughes1
Frequent Contributor
Robert,

One more questions regarding label rotation.
I added labelRotation="45" to the

<mx:horizontalAxisRenderers> tag

and then compiled, however the labels are not rotated. What am I missing?  Thanks.  Will

<mx:ColumnChart

id="columnChart"left="1" right="1" top="1" bottom="1"dataTipFunction="columnSeriesDataTipFunction"showDataTips="true">

<mx:series>

<mx:ColumnSeries id="columnSeries" yField="value"/>

</mx:series>

<mx:horizontalAxis>

<mx:CategoryAxis id="columnAxis" categoryField="name"/>

</mx:horizontalAxis>

<mx:horizontalAxisRenderers>

<mx:AxisRenderer axis="{columnAxis}" showLabels="true" labelRotation="45"/>

</mx:horizontalAxisRenderers>

</mx:ColumnChart>
0 Kudos
RobertScheitlin__GISP
MVP Emeritus
Will,

   I dealt with this MANY versions ago of the API and Flex SDK and the only way I could be label rotated back then was to embed the font in the main index.mxml. That was back when you had to embed fonts in a Flex App if you wanted them rotated though.
0 Kudos
AtanasRusev
Emerging Contributor
Hi ;),

trying to resolve the same question I just do the simplest and it worked:

in PopUpRendererSkin.mxml change this: (I wanted bigger popup...)
......
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:esri="http://www.esri.com/2008/ags"
xmlns:supportClasses="com.esri.ags.skins.supportClasses.*"
  width="350"
maxHeight="400"
preinitialize="skin_preinitializeHandler(event)">
......

and then, because I dont want the square box and empty spaces:

in PopUpMediaBrowserSkin.mxml :
....
private function imageOrChartGroup_resizeHandler(event:ResizeEvent):void
{
  imageOrChartGroup.height = imageOrChartGroup.width -100 ; // Hacko make it not square
}
.....

so depends on what you want as size - but for me it was the easiest custom way

Best Regards!
0 Kudos