nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Header controller

JoshuaCoates

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.

Vind meer berichten getagd met

Accepted answers

All comments

JoshuaCoates

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.

JoshuaCoates

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.

JoshuaCoates

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?!

JoshuaCoates

Nevermind, saw it after I posted. I got it thanks:)

JoshuaCoates

<!--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?..

DasaPaddock

Try setting width and height on the TextArea in HTMLPopup.mxml.

JoshuaCoates

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.

DasaPaddock

In the next release you'll be able to set the width and height of the about box in the HeaderController.xml file.

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.