Message Boards Message Boards

0
|
1015 Views
|
0 Replies
|
0 Total Likes
View groups...
Share
Share this post:

Multiline or multicolumn tabs in TabView

Posted 11 months ago

Does anybody know if it is possible to have multiline or multicolumn tabs of a TabView?

For example having the tabs from one to twenty to be displayed on two lines from one to ten and from eleven to twenty while still being in the same group of tabs (tabs going to a new line after ten).

TabView[
 {
  "one" -> TabView[
    {"un" -> "un"
     }],

  "two" -> TabView[
    {"un" -> "un",
     "deux" -> "deux"
     }],

  "three" -> TabView[
    {"un" -> "un",
     "deux" -> "deux", 
     "trois" -> "trois"
     }],

  "four" -> TabView[
    {"un" -> "un",
     "deux" -> "deux", 
     "trois" -> "trois",
     "quatre" -> "quatre"
     }],

  "five" -> TabView[
    {"un" -> "un",
     "deux" -> "deux", 
     "trois" -> "trois",
     "quatre" -> "quatre",
     "cinq" -> "cinq"
     }],

  "six" -> TabView[
    {"un" -> "un",
     "deux" -> "deux", 
     "trois" -> "trois"
     }],

  "seven" -> TabView[
    {"un" -> "un",
     "deux" -> "deux", 
     "trois" -> "trois"
     }],

  "eight" -> TabView[
    {"un" -> "un",
     "deux" -> "deux", 
     "trois" -> "trois"
     }],
  "nine" -> TabView[
    {"un" -> "un",
     "deux" -> "deux", 
     "trois" -> "trois"
     }],

  "ten" -> TabView[
    {"un" -> "un",
     "deux" -> "deux", 
     "trois" -> "trois"
     }],

  "eleven" -> TabView[
    {"un" -> "un", "deux" -> "deux"
     }],

  "twelve" -> TabView[
    {"un" -> "un", "deux" -> "deux"
     }],

  "thirteen" -> TabView[
    {"un" -> "un", "deux" -> "deux"
     }],

  "fourteen" -> TabView[
    {"un" -> "un", "deux" -> "deux"
     }],

  "fifteen" -> TabView[
    {"un" -> "un",
     "deux" -> "deux", 
     "trois" -> "trois"
     }],

  "sixteen" -> TabView[
    {"un" -> "un", "deux" -> "deux"
     }],

  "seventeen" -> TabView[
    {"un" -> "un", "deux" -> "deux"
     }],

  "heighteen" -> TabView[
    {"un" -> "un", "deux" -> "deux"
     }],

  "nineteen" -> TabView[
    {"un" -> "un", "deux" -> "deux"
     }],

  "twenty"
   -> TabView[
    {"un" -> "un", "deux" -> "deux"
     }]

  }
 ]

Same problem for the first column of a TabView: how to split a long column into two shorter columns for the same group of tabs.

TabView[
 {
  "one" -> TabView[
    {"un" -> "un"
     }],

  "two" -> TabView[
    {"un" -> "un",
     "deux" -> "deux"
     }],

  "three" -> TabView[
    {"un" -> "un",
     "deux" -> "deux", 
     "trois" -> "trois"
     }],

  "four" -> TabView[
    {"un" -> "un",
     "deux" -> "deux", 
     "trois" -> "trois",
     "quatre" -> "quatre"
     }],

  "five" -> TabView[
    {"un" -> "un",
     "deux" -> "deux", 
     "trois" -> "trois",
     "quatre" -> "quatre",
     "cinq" -> "cinq"
     }],

  "six" -> TabView[
    {"un" -> "un",
     "deux" -> "deux", 
     "trois" -> "trois"
     }],

  "seven" -> TabView[
    {"un" -> "un",
     "deux" -> "deux", 
     "trois" -> "trois"
     }],

  "eight" -> TabView[
    {"un" -> "un",
     "deux" -> "deux", 
     "trois" -> "trois"
     }],
  "nine" -> TabView[
    {"un" -> "un",
     "deux" -> "deux", 
     "trois" -> "trois"
     }],

  "ten" -> TabView[
    {"un" -> "un",
     "deux" -> "deux", 
     "trois" -> "trois"
     }],

  "eleven" -> TabView[
    {"un" -> "un", "deux" -> "deux"
     }],

  "twelve" -> TabView[
    {"un" -> "un", "deux" -> "deux"
     }],

  "thirteen" -> TabView[
    {"un" -> "un", "deux" -> "deux"
     }],

  "fourteen" -> TabView[
    {"un" -> "un", "deux" -> "deux"
     }],

  "fifteen" -> TabView[
    {"un" -> "un",
     "deux" -> "deux", 
     "trois" -> "trois"
     }],

  "sixteen" -> TabView[
    {"un" -> "un", "deux" -> "deux"
     }],

  "seventeen" -> TabView[
    {"un" -> "un", "deux" -> "deux"
     }],

  "heighteen" -> TabView[
    {"un" -> "un", "deux" -> "deux"
     }],

  "nineteen" -> TabView[
    {"un" -> "un", "deux" -> "deux"
     }],

  "twenty"
   -> TabView[
    {"un" -> "un", "deux" -> "deux"
     }]

  },
 ControlPlacement -> Left
 ]

Thank you beforehand for a solution.

Kindest regards.

POSTED BY: Gianni Mocellin
Reply to this discussion
Community posts can be styled and formatted using the Markdown syntax.
Reply Preview
Attachments
Remove
or Discard

Group Abstract Group Abstract