Select to view content in your preferred language

Header controller

1134
8
09-10-2010 07:48 AM
JoshuaCoates
Deactivated User
I am trying to find out how to customize the header controller. (the "about" button in the top right corner of the flex viewer). I have found the HeaderController.xml in the widgets folder which seems to contain the <about> code. This seems like where I need to be in order to customize text and imaging I want to show up when you click "about". However, I can not find how to make the box that appears larger so that you can see everything without having to scroll around. As of now, the box that displays when you click "about" is tiny and you can not see but one or two letters at a time?! Where do I go about configuring the container or box that the "about" text is displayed in? Thanks for any advice you can offer!


Josh C.
Tags (2)
0 Kudos
8 Replies
DasaPaddock
Esri Regular Contributor
In the next release you'll be able to set the width and height of the about box in the HeaderController.xml file.
0 Kudos
JoshuaCoates
Deactivated User
Ahhh bummer! So you are saying there is no way to accomplish this as of now? My internship ends next Friday and I was hoping to have this all complete. That is a bummer. Why is it that it shows up so small? Its impossible to scroll up/down left/right continuously trying to read the information inside the "About" box.
0 Kudos
DasaPaddock
Esri Regular Contributor
Try setting width and height on the TextArea in HTMLPopup.mxml.
0 Kudos
JoshuaCoates
Deactivated User
<!--s:TextArea width="{FlexGlobals.topLevelApplication.width - 100}" text="dsflgmds mdflgmd dflgmdflgm dflgmdflgm dflsmgdf'l;gm " /-->
    <s:VGroup horizontalAlign="center" paddingBottom="10">
        <s:TextArea borderVisible="false" 
                    editable="false"
                    heightInLines="{NaN}"
                    minHeight="100"
                    minWidth="100" 
                    paddingLeft="10"
                    paddingRight="10"
                    skinClass="com.esri.viewer.skins.TextAreaSkin"
                    styleName="styleLikeWidgetTemplate" 
                    textFlow="{TextConverter.importToFlow(content,TextConverter.TEXT_FIELD_HTML_FORMAT)}"
                    widthInChars="{NaN}"
                    />
        <s:Button label="{btnLabel}" styleName="styleLikeWidgetTemplate" click="close(event)" />
    </s:VGroup>
</s:BorderContainer>


In there? I changed my font size already....I just want the box bigger...where would I place the width and height at?..
0 Kudos
JoshuaCoates
Deactivated User
Nevermind, saw it after I posted. I got it thanks:)
0 Kudos
JoshuaCoates
Deactivated User
One last question about this, which function is used to move the box...I would like it to be centered and it is closer to the left side of the screen currently?!
0 Kudos
JoshuaCoates
Deactivated User
Anyone know how to move this box to center it? I am finding that sometimes when I click about, the box in centered on the screen, however it is blank. And then other times it opens closer towards the left side of the page and has all the text and re-sizing modifications I made?! I can not figure out why it is doing that and how I can move it to the center to display everything all the time?!

Josh C.
0 Kudos
JoshuaCoates
Deactivated User
Anyone?? Please?? How can I get this "About" box centered on display the way I want it? I just want it centered on the page. However, I cannot find which mxml or xml and where inside the file I configure the position of where the box opens? Sometimes when I go to my Flex map and click "About" it will open centered on the page the way I want it...but the box is empty. And then other times when I go to my Flex map, it opens with all the information inside the box, however the box opens close to the left side of the browser?? Any ideas would be greatly appreciated!

Thanks,
Josh C.
0 Kudos