Widget container (icons in control bar) are not centered since I upgraded to 2.4

2513
12
08-29-2011 07:28 PM
AlisonPage
New Contributor III
Does anyone know which file controls the position of the actual group of widget icons in the control bar?  I've looked all through the HeaderControl widget and WidgetContainer widget mxml files.  Since I upgraded from viewer 2.3.1 to 2.4 the group of icons has moved far to the right instead of being centered.
Thanks,
Alison
Tags (2)
0 Kudos
12 Replies
RobertScheitlin__GISP
MVP Emeritus
Alison,

   In the HeaderControllerWidget try changing the HorizontalAlign to left instead of center:

<s:HGroup id="widgetBox"
                          width="100%"
                          horizontalAlign="center">
                    <HeaderController:WidgetItemDataGroup id="widgetItemDG"
                                                          dataProvider="{widgetItemArrCol}"
                                                          widgetItemClick="widgetItemDG_widgetItemClickHandler(event)"
                                                          widgetItemMouseOut="widgetItemDG_widgetItemMouseOutHandler(event)"
                                                          widgetItemMouseOver="widgetItemDG_widgetItemMouseOverHandler(event)">
                        <HeaderController:layout>
                            <s:HorizontalLayout gap="12"
                                                useVirtualLayout="true"
                                                verticalAlign="middle"/>
                        </HeaderController:layout>
                    </HeaderController:WidgetItemDataGroup>
                </s:HGroup>
0 Kudos
AlisonPage
New Contributor III
Hi Robert,

The horizontal align is already set to center in my mxml yet my icons are off to the right.  Is there a way to add a margin or anything so I can just play with positioning it until it's "more centered".  I work more in HTML/CSS than MXML so I'm not sure of how/if margins can be added.

Thank you,
Alison
0 Kudos
RobertScheitlin__GISP
MVP Emeritus
Alison,

   You missed where I said to change center to left instead.
0 Kudos
PetrTrefil
New Contributor
Alison,

   You missed where I said to change center to left instead.



You will find it on row n.340 in "HeaderControllerWidget.mxml", which is under
wigdets/HeaderController
0 Kudos
AlisonPage
New Contributor III
Thanks.. sorry I misread it, had a lot going on lately.
Thanks again,
Alison
0 Kudos
AlisonPage
New Contributor III
That worked!
Thanks again,
Alison
0 Kudos
RossBrewer
New Contributor III
Would it be possible to make the same alignment adjustment to the widget container icons by editing the HeaderControllerWidget.xml?
0 Kudos
AshleyPeters
Occasional Contributor III
Alison,

   In the HeaderControllerWidget try changing the HorizontalAlign to left instead of center:

<s:HGroup id="widgetBox"
                          width="100%"
                          horizontalAlign="center">
                    <HeaderController:WidgetItemDataGroup id="widgetItemDG"
                                                          dataProvider="{widgetItemArrCol}"
                                                          widgetItemClick="widgetItemDG_widgetItemClickHandler(event)"
                                                          widgetItemMouseOut="widgetItemDG_widgetItemMouseOutHandler(event)"
                                                          widgetItemMouseOver="widgetItemDG_widgetItemMouseOverHandler(event)">
                        <HeaderController:layout>
                            <s:HorizontalLayout gap="12"
                                                useVirtualLayout="true"
                                                verticalAlign="middle"/>
                        </HeaderController:layout>
                    </HeaderController:WidgetItemDataGroup>
                </s:HGroup>


Robert,

I made this change in my code, but the tray still stays to the right side of viewer, though it did move to the left some. Is there a way to move it further to the left?

Thanks in advance!

Ashley
0 Kudos
RobertScheitlin__GISP
MVP Emeritus
Ashley,

  So you set the horizontalAlign="Left" and that did not work?
0 Kudos