vertical_tab_control

NAML documentation   Watch a video
   Usages of this macro
... in ui_components.naml
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
<macro name="vertical_tab_control" dot_parameter="vertical_tabs">
    <n.put_in_head
Binary
Namespace: HtmlNamespace
Parameters: in_head
.>
        <style type="text/css">
            table.vertical-control {
                margin: 1em 0;
                width:100%;
                border-collapse:collapse;
            }
            table.vertical-control td {
                padding:0;
                vertical-align:top;
            }
            table.vertical-control td.details {
                width:90%;
                padding:.5em 1em;
            }
            ul.vertical-control {
                width:100%;
                list-style-type:none;
                padding:0;
                margin:0;
            }
            ul.vertical-control li {
                padding: .3em;
                white-space:nowrap;
            }
            ul.vertical-control li.selected {
                border-top-left-radius:5px;
                border-bottom-left-radius:5px;
                -moz-border-radius-topleft:5px;
                -moz-border-radius-bottomleft:5px;
            }
        </style>
    </n.put_in_head.>
    <table class="vertical-control">
        <tr>
            <td>
                <ul class="vertical-control">
                    <n.vertical_tab
Macro
Parameters: do
.>
                        <n.vertical_tabs/>
                    </n.vertical_tab.>
                </ul>
            </td>
            <td class="details shaded-bg-color">
                <n.vertical_tabs/>
            </td>
        </tr>
    </table>
</macro>