files/ko/mozilla/tech/xul/splitter/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79

---
title: splitter
slug: Mozilla/Tech/XUL/splitter
translation_of: Archive/Mozilla/XUL/splitter
---
<p>&lt;?xml version="1.0"?&gt; &lt;?xml-stylesheet href="<a class="external" rel="freelink">chrome://global/skin</a>" type="text/css"?&gt;</p>
<p>&lt;window title="XUL Splitters"</p>
<pre class="eval">       xmlns:html="<a class="external" href="http://www.w3.org/1999/xhtml" rel="freelink">http://www.w3.org/1999/xhtml</a>"
       xmlns="<a class="external" href="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" rel="freelink">http://www.mozilla.org/keymaster/gat...re.is.only.xul</a>"&gt;
</pre>
<p>&lt;script&gt; &lt;![CDATA[</p>
<p>]]&gt; &lt;/script&gt;</p>
<p>&lt;description&gt;&lt;html:h1&gt;XUL Splitters&lt;/html:h1&gt;&lt;/description&gt;</p>
<pre class="eval">&lt;vbox flex="1" style="overflow: auto"&gt;
</pre>
<pre class="eval">   &lt;groupbox orient="horizontal" flex="1"&gt;
   &lt;caption label="collapse before" /&gt;
     &lt;groupbox flex="1"&gt;&lt;label flex="1" value="Left side" /&gt;&lt;/groupbox&gt;
     &lt;splitter collapse="before" &gt;&lt;grippy /&gt;&lt;/splitter&gt;
     &lt;groupbox flex="1"&gt;&lt;label flex="1" value="Right side" /&gt;&lt;/groupbox&gt;
   &lt;/groupbox&gt;
</pre>
<pre class="eval">   &lt;groupbox orient="horizontal" flex="1"&gt;
   &lt;caption label="collapse after" /&gt;
     &lt;groupbox flex="1"&gt;&lt;label flex="1" value="Left side" /&gt;&lt;/groupbox&gt;
     &lt;splitter collapse="after" &gt;&lt;grippy /&gt;&lt;/splitter&gt;
     &lt;groupbox flex="1"&gt;&lt;label flex="1" value="Right side" /&gt;&lt;/groupbox&gt;
   &lt;/groupbox&gt;
</pre>
<pre class="eval">   &lt;groupbox orient="horizontal" flex="1"&gt;
   &lt;caption label="no collapse" /&gt;
     &lt;groupbox flex="1"&gt;&lt;label flex="1" value="Left side" /&gt;&lt;/groupbox&gt;
     &lt;splitter collapse="none" /&gt;
     &lt;groupbox flex="1"&gt;&lt;label flex="1" value="Right side" /&gt;&lt;/groupbox&gt;
  &lt;/groupbox&gt;
</pre>
<pre class="eval"> &lt;groupbox  orient="horizontal" flex="1"&gt;
 &lt;caption label="resize the closest widgets on both sides" /&gt;
   &lt;groupbox flex="1"&gt;&lt;description&gt;Left most side&lt;/description&gt;&lt;/groupbox&gt;
   &lt;groupbox flex="1"&gt;&lt;description&gt;Middle Left side&lt;/description&gt;&lt;/groupbox&gt;
   &lt;groupbox flex="1"&gt;&lt;description&gt;Closest Left side&lt;/description&gt;&lt;/groupbox&gt;
   &lt;splitter collapse="none" resizebefore="closest" resizeafter="closest" /&gt;
   &lt;groupbox flex="1"&gt;&lt;description&gt;Closest Right side&lt;/description&gt;&lt;/groupbox&gt;
   &lt;groupbox flex="1"&gt;&lt;description&gt;Middle Right side&lt;/description&gt;&lt;/groupbox&gt;
   &lt;groupbox flex="1"&gt;&lt;description&gt;Right most side&lt;/description&gt;&lt;/groupbox&gt;
 &lt;/groupbox&gt;
</pre>
<pre class="eval"> &lt;groupbox  orient="horizontal" flex="1"&gt;
 &lt;caption label="resize the farthest widgets on both sides" /&gt;
   &lt;groupbox flex="1"&gt;&lt;description&gt;Left most side&lt;/description&gt;&lt;/groupbox&gt;
   &lt;groupbox flex="1"&gt;&lt;description&gt;Middle Left side&lt;/description&gt;&lt;/groupbox&gt;
   &lt;groupbox flex="1"&gt;&lt;description&gt;Closest Left side&lt;/description&gt;&lt;/groupbox&gt;
   &lt;splitter collapse="none" resizebefore="farthest" resizeafter="farthest" /&gt;
   &lt;groupbox flex="1"&gt;&lt;description&gt;Closest Right side&lt;/description&gt;&lt;/groupbox&gt;
   &lt;groupbox flex="1"&gt;&lt;description&gt;Middle Right side&lt;/description&gt;&lt;/groupbox&gt;
   &lt;groupbox flex="1"&gt;&lt;description&gt;Right most side&lt;/description&gt;&lt;/groupbox&gt;
 &lt;/groupbox&gt;
</pre>
<p> </p>
<pre class="eval"> &lt;groupbox orient="horizontal" flex="1"&gt;
 &lt;caption label="grow the widgets on the right side" /&gt;
   &lt;groupbox flex="1"&gt;&lt;description&gt;Left side&lt;/description&gt;&lt;/groupbox&gt;
   &lt;splitter collapse="none" resizebefore="grow" resizeafter="grow" /&gt;
   &lt;groupbox flex="1"&gt;&lt;description&gt;Closest Right side&lt;/description&gt;&lt;/groupbox&gt;
   &lt;groupbox flex="1"&gt;&lt;description&gt;Middle Right side&lt;/description&gt;&lt;/groupbox&gt;
   &lt;groupbox flex="1"&gt;&lt;description&gt;Right most side&lt;/description&gt;&lt;/groupbox&gt;
 &lt;/groupbox&gt;
</pre>
<pre class="eval"> &lt;groupbox orient="horizontal" flex="1"&gt;
 &lt;caption label="double splitters" /&gt;
     &lt;groupbox flex="1"&gt;&lt;label flex="1" value="Left side" /&gt;&lt;/groupbox&gt;
     &lt;splitter collapse="before" &gt;&lt;grippy /&gt;&lt;/splitter&gt;
     &lt;groupbox flex="1"&gt;&lt;label flex="1" value="Middle" /&gt;&lt;/groupbox&gt;
     &lt;splitter collapse="after" &gt;&lt;grippy /&gt;&lt;/splitter&gt;
     &lt;groupbox flex="1"&gt;&lt;label flex="1" value="Right side" /&gt;&lt;/groupbox&gt;
 &lt;/groupbox&gt;
</pre>
<p>&lt;/vbox&gt;</p>
<p>&lt;/window&gt;</p>