Modify Icon SIZE of Widget that is diaplayed in the Header Controller

5748
9
07-13-2011 04:04 PM
SallyGracia
New Contributor II
I received a request to make the Icons/PNG's for the widgets larger in the Header. I made the PNG's larger and replaced them and they are displaying in my viewer the same size. Cleared the cache and so forth.

Makes me think the Icon/Image in controlled in a default.css or skin?? 

All assistance is greatly appreciated.
Tags (2)
0 Kudos
9 Replies
RobertScheitlin__GISP
MVP Emeritus
Sally,

   The GroupWidgetItemDataGroupRenderer.mxml has the width of the icon set to 25px in the code:

<mx:Image id="icon"
                  width="25" height="100%"
                  buttonMode="true"
                  smoothBitmapContent="true"
                  useHandCursor="true"/>
0 Kudos
SallyGracia
New Contributor II
Hi Robert,
Thank You for your help, its warm 🙂  getting closer.  Im going just search for that image. The code recommended to modify changed the Icon Image in the Open state of the widget. I attached a print screen of what changed.
0 Kudos
RobertScheitlin__GISP
MVP Emeritus
Sally,

   Well it will take changes to several location.

//HeaderControllerWidget.mxml
<s:Group id="headerGroup"
             width="100%" height="105">


//GroupWidgetItemDataGroupRender.mxml
 <s:VGroup width="45" height="50"
              gap="2"
              horizontalAlign="center"
              rollOut="mouseOutHandler(event)"
              rollOver="mouseOverHandler(event)"
              verticalAlign="middle">
        <mx:Image id="icon"
                  width="45" height="100%"
                  buttonMode="true"
                  smoothBitmapContent="true"
                  useHandCursor="true"/>


//WidgetItemDataGroupRender.mxml
<s:VGroup width="45" height="50"
              gap="2"
              horizontalAlign="center"
              verticalAlign="middle">
        <mx:Image id="icon"
                  width="45" height="100%"
                  buttonMode="true"
                  mouseOut="mouseOutHandler(event)"
                  mouseOver="mouseOverHandler(event)"
                  smoothBitmapContent="true"
                  useHandCursor="true"/>


//WidgetListItemRenderer.mxml
<s:HGroup width="100%" height="50"
                  buttonMode="true"
                  paddingLeft="10"
                  useHandCursor="true"
                  verticalAlign="middle">
            <s:VGroup width="45" height="50"
                      horizontalAlign="center">


//HeaderGroup.mxml
<s:SkinnableContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
                      xmlns:s="library://ns.adobe.com/flex/spark"
                      width="100%" height="105">

</s:SkinnableContainer>
0 Kudos
GabiVoicu1
New Contributor III

I'm trying to do the same exact thing but I can't seem to find those mxml files - perhaps the webappbuilder version changed and they have also changed names, locations etc or where should I look for those files at version 2.0 or higher?

Thank you

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Gabi,

   Nope in 3.7 those files are still the same. You need to be sure to use the un-compiled developer version of Flex Viewer so you have access to the mxml file and not just the compiled swf files. You also really need to move to a product that is still supported by esri unlike the ArcGIS Viewer for Flex.

0 Kudos
GabiVoicu1
New Contributor III

Ooops….. Robert thank you so very much for replying – you’re the best!

I was in the wrong discussion forum I believe…… I was actually looking to do the same thing but for the for the web appbuilder I’m trying to change the icon size for the webappbuilder add text instead of icons for example and for that we may need to adjust to witdh of the icon to accommodate the text!

Gabi Voicu, GISP

Sr GIS Analyst

IT/GIS City of Grand Prairie

317 College St. TX 75050

97°0’21.64”W, 32°44’49.92” N

Phone: 972-237-8324

Fax: 972-237-8161

email:gvoicu@gptx.org

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Gabi,

   You should do a search for that in the WAB spaces then as I have answered those questions in the past.

0 Kudos
GabiVoicu1
New Contributor III

Yes, yes, yes I found it thank you so very much…..

Gabi Voicu, GISP

Sr GIS Analyst

IT/GIS City of Grand Prairie

317 College St. TX 75050

97°0’21.64”W, 32°44’49.92” N

Phone: 972-237-8324

Fax: 972-237-8161

email:gvoicu@gptx.org

0 Kudos
GabiVoicu1
New Contributor III

Robert, I did find this thread where you answered before

https://community.esri.com/message/646171-re-increase-icon-size?commentID=646171#comment-646171

…….and did change the width and size for the icons but now I’m still in serach for these twp pasted here below…..where do I go for those?!???

Thank you

Gabi Voicu, GISP

Sr GIS Analyst

IT/GIS City of Grand Prairie

317 College St. TX 75050

97°0’21.64”W, 32°44’49.92” N

Phone: 972-237-8324

Fax: 972-237-8161

email:gvoicu@gptx.org

0 Kudos