NoBugs
NoBugs

Reputation: 9494

How to make element resizable, in xul?

I'm trying to add resize ability to the network panel of Firefox devtools. I used DOM inspector to add a <resizer> element after the top label element, then set element=request-menu-file-header-box attribute using the DOM Node inspector, but it doesn't let me resize the column:

Resizer to the right of file column

I tried fiddling with the width of the columns, thinking it wouldn't resize because of set width, but it doesn't seem to make a difference. Is there a way to make these elements resizable?

Upvotes: 2

Views: 139

Answers (1)

nmaier
nmaier

Reputation: 33182

What you want is a <splitter>. Using the following after the request-menu-file-header-box element seems to work for me (Nightly on OSX)

<splitter resizebefore="closest" resizeafter="closest"/>

Upvotes: 1

Related Questions