I'm trying to change the size of this widget, but doesn't seem to be working from the config using this: If I change the height to 100, it doesn't change the size of the widget?

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; } } }

Attribute Table Widget - Change Size

ShaunWeston

I'm trying to change the size of this widget, but doesn't seem to be working from the config using this:

<widgetcontainer paneltype="bottom" initialstate="open" height="250">
<widget label="Attribute Table" config="widgets/AttributeTable/AttributeTableWidget.xml" url="widgets/AttributeTable/AttributeTableWidget.swf"/>

</widgetcontainer>

If I change the height to 100, it doesn't change the size of the widget?

Vind meer berichten getagd met

Accepted answers

ShaunWeston

Thanks for pointing me in the right direction.

I am using a panel so I had to change the panel height value, which I found in WidgetManager.mxml

It's set to 250.

                        if (ctn.panelType == "bottom")                         {                             bottomContainerVisible = ctn.initialState == "collapsed" ? false : true;                               bcSize = ctn.size ? ctn.size : 250;                             bottomContainer = getBottomContainer(bcSize, bottomContainerVisible);                             bottomContainer.addEventListener(ResizeEvent.RESIZE, handleBottomContainerResize);                             bottomContainer.gap = 2;                             bcOrder = containerCount;                         }

All comments

DavidBoiano

Xander,

I would guess it is not working here:

wTemplate.percentWidth = wTemplate.percentHeight = 150;

I don't think you can set a width/height as a percent value over 100. Hope this helps.

David

xanderm

Is similar to changing the height of the actual widget inside of a left panel? This is what I am trying to do... I can't seem to gte the adjustment made though the mxml:

private function basewidget_initializeHandler():void
            {
                if (isPartOfPanel) // if widget is part of "left", "right" or "bottom" panel
                {
                    this.percentWidth = this.percentHeight = 100;
                    wTemplate.percentWidth = wTemplate.percentHeight = 150;
                }
                else
                {
                    wTemplate.width = 290;
                    wTemplate.height = 240;
                    wTemplate.minWidth = 210
                    wTemplate.minHeight = 160;
                }
            }

DavidBoiano

Instead of using height use size:

<widgetcontainer paneltype="bottom" initialstate="open" size="250">

This works without the need to change the source code.

Regards

Anthony

Hi Anthony,

I just wanted to comment since there was no confirmation by checkmark that your response was also correct. I was looking to change the size of my attribute table and stumbled upon this thread--it seems to me your way is the easiest solution. I was able to change the size of my attribute table panel by using the "size" property instead of "height".

Thanks again!

David

AntGiles

Instead of using height use size:

<widgetcontainer paneltype="bottom" initialstate="open" size="250">

This works without the need to change the source code.

Regards

Anthony

ShaunWeston

Thanks for pointing me in the right direction.

I am using a panel so I had to change the panel height value, which I found in WidgetManager.mxml

It's set to 250.

                        if (ctn.panelType == "bottom")                         {                             bottomContainerVisible = ctn.initialState == "collapsed" ? false : true;                               bcSize = ctn.size ? ctn.size : 250;                             bottomContainer = getBottomContainer(bcSize, bottomContainerVisible);                             bottomContainer.addEventListener(ResizeEvent.RESIZE, handleBottomContainerResize);                             bottomContainer.gap = 2;                             bcOrder = containerCount;                         }

rscheitlin

Shaun,

The AttributeWidget is hard coded for a height of 300 if you are not using it in a panel.

            private function basewidget_initializeHandler():void
            {
                if (isPartOfPanel) // if widget is part of "left", "right" or "bottom" panel
                {
                    this.percentWidth = this.percentHeight = 100;
                    wTemplate.percentWidth = wTemplate.percentHeight = 100;
                }
                else
                {
                    wTemplate.width = map.width - map.width / 100 - Number(this.left);
                    wTemplate.minWidth = 800;
                    wTemplate.height = wTemplate.minHeight = 300;
                }
            }

Also changing a individual widgets size would involve adding a height and width to the actual widget tag:

<widgetcontainer paneltype="bottom" initialstate="open" height="250">
    <widget label="Attribute Table" height="400" config="widgets/AttributeTable/AttributeTableWidget.xml" url="widgets/AttributeTable/AttributeTableWidget.swf"/>
</widgetcontainer>

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.