SmartClient Version: SNAPSHOT_v13.1d_2024-04-07/AllModules Development Only (built 2024-04-07)
Chrome on MacOS
Hello, in the tabsAddAndRemove sample, If you try to add tabs until the tabPicker is shown, you'll see that it seems aligned too high:
if using tabBarPosition: "left", with a bigger tabBarThickness:
you'll see that it shows two icons for the tabPicker, and the orientation doesn't seem right:
Chrome on MacOS
Hello, in the tabsAddAndRemove sample, If you try to add tabs until the tabPicker is shown, you'll see that it seems aligned too high:
if using tabBarPosition: "left", with a bigger tabBarThickness:
Code:
isc.TabSet.create({ ID: "tabSet", tabBarPosition: "left", tabBarThickness: 120, width: 400, height: 200, tabs: [ {title: "Blue", icon: "pieces/16/pawn_blue.png", iconSize:16, pane: isc.Img.create({autoDraw: false, width: 48, height: 48, src: "pieces/48/pawn_blue.png"})}, {title: "Green", icon: "pieces/16/pawn_green.png", iconSize:16, pane: isc.Img.create({autoDraw: false, width: 48, height: 48, src: "pieces/48/pawn_green.png"})} ] }); isc.HLayout.create({ top: 225, membersMargin: 10, members: [ isc.IButton.create({ title: "Add Tab", click: function () { // alternate between yellow pawn and green cube if (tabSet.tabs.length % 2 == 0) { tabSet.addTab({ title: "Yellow", icon: "pieces/16/pawn_yellow.png", iconSize:16, pane: isc.Img.create({autoDraw: false, width: 48, height: 48, src: "pieces/48/pawn_yellow.png"}) }); } else { tabSet.addTab({ title: "Green", icon: "pieces/16/cube_green.png", iconSize:16, pane: isc.Img.create({autoDraw: false, width: 48, height: 48, src: "pieces/48/cube_green.png"}) }); } if (tabSet.tabs.length == 1) tabSet.selectTab(0); } }), isc.IButton.create({ title: "Remove Tab", click: function () { tabSet.removeTab(tabSet.tabs.length-1); } }) ] });
Comment