Resizer Element Questions

classic Classic list List threaded Threaded
2 messages Options
Reply | Threaded
Open this post in threaded view
|

Resizer Element Questions

reverendlinux-2
I've been tinkering with the resizer element and have a couple of questions I'm hoping someone with more experience can answer.

1.  I have this test code in a window element:
        <vbox flex="1">
                <hbox style="background-color: grey;border: solid black 1px;">
                        <resizer dir="topleft" style="cursor: nw-resize;"/>
                        <spacer flex="1" />
                        <resizer dir="top" style="background-color: grey; cursor: n-resize;"/>
                        <spacer flex="1" />
                        <resizer dir="topright" style="cursor: ne-resize;"/>
                </hbox>
                <hbox style="background-color: grey; border: solid black 1px;">
                        <resizer dir="left" style="cursor: w-resize;"/>
                        <spacer flex="1" />
                        <resizer dir="right" style="cursor: e-resize;" tooltiptext="Right resize."/>
                </hbox>
                <hbox style="background-color: grey; border: solid black 1px;">
                        <resizer dir="bottomleft" style="cursor: sw-resize;"/>
                        <spacer flex="1" />
                        <resizer dir="bottom" style="background-color: grey; cursor: s-resize;"/>
                        <spacer flex="1" />
                        <resizer dir="bottomright" style="cursor: se-resize;"/>
                </hbox>
        </vbox>

When ran, the many of the resizer icons are pointing in the wrong direction.  For example, the resizer icon in the top left corner should be pointing "NW" but is actually pointing "SE".  What causes that and can it be corrected?

2.  Are there any other values for the cursor and type attributes?  The documentation is a bit slim.

3.  Can the icon (the dots in the shape of a triangle) be changed at all?
_______________________________________________
dev-tech-xul mailing list
[hidden email]
https://lists.mozilla.org/listinfo/dev-tech-xul
Reply | Threaded
Open this post in threaded view
|

Re: Resizer Element Questions

Neil-4
[hidden email] wrote:

>When ran, the many of the resizer icons are pointing in the wrong direction.  For example, the resizer icon in the top left corner should be pointing "NW" but is actually pointing "SE".  What causes that and can it be corrected?
>  
>
Only bottomright, bottomleft, bottomend and bottomstart resizers are
fully supported, the other resizers only set the correct cursor.

>2.  Are there any other values for the cursor and type attributes?  The documentation is a bit slim.
>  
>
I'm not sure what you're asking there. For cursor styles look up MDN or
your other favourite source of CSS documentation.

>3.  Can the icon (the dots in the shape of a triangle) be changed at all?
>  
>
You might have to turn off the default appearance of the resizer.
Alternatively, you could try changing the scale of the resizer to flip
the pixels around. (This is how the bottomleft resizer works.)

--
Warning: May contain traces of nuts.
_______________________________________________
dev-tech-xul mailing list
[hidden email]
https://lists.mozilla.org/listinfo/dev-tech-xul