Select to view content in your preferred language

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

2706
12
08-29-2011 07:28 PM
AlisonPage
Regular Contributor
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
Regular Contributor
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
Deactivated User
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
Regular Contributor
Thanks.. sorry I misread it, had a lot going on lately.
Thanks again,
Alison
0 Kudos
AlisonPage
Regular Contributor
That worked!
Thanks again,
Alison
0 Kudos
RossBrewer
Regular Contributor
Would it be possible to make the same alignment adjustment to the widget container icons by editing the HeaderControllerWidget.xml?
0 Kudos
AshleyPeters
Frequent Contributor
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