Wiki source code of Skin 4.x - Menus
Last modified by Vincent Massol on 2024/11/19 16:13
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | {{velocity}} | ||
| 2 | $xwiki.ssx.use("Improvements.WebHome") | ||
| 3 | $xwiki.ssx.use("Standards.WebHome") | ||
| 4 | {{/velocity}} | ||
| 5 | |||
| 6 | (% class="left column40 dashboardleft" style="width: 27%" %) | ||
| 7 | ((( | ||
| 8 | === Proposal === | ||
| 9 | |||
| 10 | {{toc start='4'/}} | ||
| 11 | |||
| 12 | * [[Skin 4.x General Proposal>>Skin4x]] | ||
| 13 | |||
| 14 | === Snapshot === | ||
| 15 | (% class="left dashboardleft" style="width: 99%;" %)((( | ||
| 16 | [[[[image:[email protected]||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:[email protected]]] | ||
| 17 | ))) | ||
| 18 | |||
| 19 | ))) | ||
| 20 | |||
| 21 | (% class="dashboardright right column60 " style="width: 70%" %) | ||
| 22 | ((( | ||
| 23 | |||
| 24 | ==== Overview ==== | ||
| 25 | |||
| 26 | {{gallery}} | ||
| 27 | image:[email protected] | ||
| 28 | image:[email protected] | ||
| 29 | image:[email protected] | ||
| 30 | image:[email protected] | ||
| 31 | image:[email protected] | ||
| 32 | image:[email protected] | ||
| 33 | image:[email protected] | ||
| 34 | image:menusDetails.png | ||
| 35 | image:menusSnapshot.png | ||
| 36 | image:menusSnapshotActivators.png | ||
| 37 | image:menusAppBarActivator.png | ||
| 38 | image:menusAppBarDetails.png | ||
| 39 | image:menusAppBarAnnotations.png | ||
| 40 | image:menusPanelsActovator.png | ||
| 41 | image:menusPanelsDetails.png | ||
| 42 | image:menusPanelsAnnotatios.png | ||
| 43 | image:menusMenuActivator.png | ||
| 44 | image:menusMenuDetails.png | ||
| 45 | image:menusMenuAnnotations.png | ||
| 46 | image:dashboardPhoneLandscapeMenu.png | ||
| 47 | image:dashboardPhonePortraitMenu.png | ||
| 48 | {{/gallery}} | ||
| 49 | |||
| 50 | (%class='clearfloats'%)((())) | ||
| 51 | ))) | ||
| 52 | |||
| 53 | (%class='clearfloats'%)((())) | ||
| 54 | |||
| 55 | === Responsive Layout === | ||
| 56 | |||
| 57 | ==== Phone Layout ==== | ||
| 58 | |||
| 59 | [[More about Dashboard>>Skin4xDashboard]] | ||
| 60 | |||
| 61 | (% class="dashboardright left column50"%) | ||
| 62 | ((( | ||
| 63 | (% class="viewport phone-portrait" %) | ||
| 64 | ((( | ||
| 65 | [[image:dashboardPhonePortraitMenu.png]] | ||
| 66 | ))) | ||
| 67 | ))) | ||
| 68 | |||
| 69 | (% class="dashboardright right column50"%) | ||
| 70 | ((( | ||
| 71 | (% class="viewport phone-landscape" %) | ||
| 72 | ((( | ||
| 73 | [[image:dashboardPhoneLandscapeMenu.png]] | ||
| 74 | ))) | ||
| 75 | ))) | ||
| 76 | |||
| 77 | (%class='clearfloats'%)((())) | ||
| 78 | |||
| 79 | ==== Tablet Layout ==== | ||
| 80 | |||
| 81 | [[More about Profile>>Skin4xProfile]] | ||
| 82 | |||
| 83 | (% class="viewport tablet-portrait" %) | ||
| 84 | ((( | ||
| 85 | [[image:[email protected]]] | ||
| 86 | ))) | ||
| 87 | |||
| 88 | (%class='clearfloats'%)((())) | ||
| 89 | |||
| 90 | (% class="viewport tablet-landscape" %) | ||
| 91 | ((( | ||
| 92 | [[image:[email protected]]] | ||
| 93 | ))) | ||
| 94 | |||
| 95 | |||
| 96 | (%class='clearfloats'%)((())) | ||
| 97 | |||
| 98 | ==== Desktop Layout ==== | ||
| 99 | |||
| 100 | [[More about AppWithinMinutes>>Skin4xAppWithinMinutes]] | ||
| 101 | |||
| 102 | (% class="viewport desktop-landscape" %) | ||
| 103 | ((( | ||
| 104 | [[image:[email protected]]] | ||
| 105 | ))) | ||
| 106 | |||
| 107 | (%class='clearfloats'%)((())) |