Viewport Columns?

[FatMitchell]

Looking to have a viewport with two columns instead of just one.
I enjoy how the viewport is scrolling, however id like it to look more like a table.

here's what I have right now, its just listing key commands. Id just like it to be a bit more clear the distinction between the operation and the key command.

EX: Save (in column one) and Cmd+S (in column two)

Like excel!

Can I make the viewport two columns instead of one and still use the list?

[d.healey]

HISE | Scripting | ScriptedViewport

The ScriptedViewport object to modify the Viewport component.

(docs.hise.audio)

[FatMitchell]

@d-healey perfect. Thank you!

[DabDab]

Docs doesn't have an example. can I get a little snippet for coloumn ?

[Dan Korneff]

@DabDab
https://forum.hise.audio/topic/6026/tablemode-viewport/5?_=1699143956346

[DabDab]

@Dan-Korneff said in Viewport Columns?:

@DabDab
https://forum.hise.audio/topic/6026/tablemode-viewport/5?_=1699143956346

superb... thank you. How can I add comboBox here ? I have tried but didn't appear.

const var Viewport1 = Content.getComponent("Viewport1");

// Enable Table mode
Viewport1.setTableMode({
	"RowHeight": 34
});

// Set the column layout
Viewport1.setTableColumns([
{
	"ID": "FirstID",
	"Label": "First Column",
	"Type": "Text",
	"Width":200
},
{
	"ID": "SecondID",
	"Label": "Buttonz",
	"Type": "Button",
	"Text": "OK",
	"Toggle": true,
	"Width": 60
},
{
	"ID": "ThirdID",
	"Type": "Slider",
	"MaxValue": 5.0,
	"StepSize": 1.0,
	"Width": 80
},
{
"ID": "FourthID",
"Type": "ScriptComboBox",
"max": 0,
"Width": 80	
}]);

// Populate the table with some data
// (this call can be called anytime)
Viewport1.setTableRowData([
  { "FirstID": "Some Text", "SecondID": true, "ThirdID": 3.0 },
  { "FirstID": "Some other Text", "SecondID": false, "ThirdID": 1.0 },
  { "FirstID": "Last line!", "SecondID": true, "ThirdID": 4.0 }
]);

inline function onTableCallback(obj)
{
	Console.print(trace(obj));
	
	if(obj.Type == "Click")
	{
		Console.print("Clicked on " + obj.rowIndex);
	}
};

Viewport1.setTableCallback(onTableCallback);

[ulrik]

@DabDab the documentation mentions text, button and slider, I guess it's not available for other components.

HISE | Scripting | ScriptedViewport

The ScriptedViewport object to modify the Viewport component.

(docs.hise.audio)

[d.healey]

@DabDab Read the rest of the thread that Dan provided, Christoph says only buttons and sliders for now.

[Christoph Hart]

@d-healey Comboboxes now too :)

[DabDab]

@Christoph-Hart said in Viewport Columns?:

@d-healey Comboboxes now too :)

How ? I wrote the following for ComboBox.. nothing appeared.

{
"ID": "FourthID",
"Type": "ScriptComboBox",
"max": 0,
"Width": 80	
}]);

[d.healey]

@DabDab Use Type: "ComboBox"

[DabDab]

@d-healey said in Viewport Columns?:

@DabDab Use Type: "ComboBox"

sorry, it doesn't work..

HiseSnippet 1144.3ocsV0uaaaCDmJIpXVqCXYnO.b9ubvxbkaS6JZQv5xWaFMeXTkkMfggBZIZKtHQJPQWa2B+3Mf8Drmi8FrcGkrsbpPZpAl9CAde8iGu63crmVExyyUZhSiKmlwIN22MXpzDeXLSHIcOh3rs6UB93Lk1bnJQMJURNXZFKOmGQbb17GQ0bZrEw98Oe+ArDlLjujEgbkRDxOUjJLK416kuRjjbBKheoHsh168xtgJoci.WZSWeRFK7Z1P94LTsMbIN263HgQoCLLCOGz4.UzzfX0XYg9WIxE8S3HQGR..TAaxgwhjndyOt4DhyV8Vd32r3v+.2yDQhE7WFD9Rq.5RKpFCb131boNeBtjSEWZqBWZa2fPsHyrTB5OetaWogqGvfPcUWoPWxF+4VtGp.Mjl1orq4mnAhEVz5o996Rge67BOHZmanukooyyxcn6Sma6PNjzSyTRfnUyEZzDLz6gOjdrjAmK5k1+opHt2BUZmyMV9mAra8duFMesZ7OwECiMMeN8w64MqDi.tgZh4zPUBTaQSXSUiL0fygV44s9MODrtGAnz7DgN2.K2E3bJqOOYASZg5VIXbDEbIehwx3WDQl3lO+Q99dy1sBbAbHZDcS7NXjwnjuaEnJ3UvBQEXcwqJHUCGlf5Xzi3U1LHbu5lcYrPOeulCaPhHhqsrNiM4JVxHj8SZ6ibBL7r.w6PNcJ3LG5mUB87nBb2wDagdAxPVru5.0DjWJaBvBPnB.M7l86kIjdprQIPgrMqXro1wBSLMWkxoQLCCUpkIVjSCYIIvOIsO2tlGQYxoF3F8N0jAgBfi.ygLHk99kIO7biPWjdpjEJigKCUPcSaeJbTq0dE3u55PY.KIeUX5TOLmxfBmDgj+0eL+XOD.OaDSHQKnCFICMBkjpjEkqP3nOz5pkp+erCl1gqT4pDd6Ls.tKYz38PTFfQCuFhAHQaLcQ2eeHekHBut4NdM.KugoExfPMrYMoeCEsSqF2UFwmffMyaF3V0bAZgGspGtyKp36mqL7Kjsrdr2LO5MEMXPsxv9EZET.nqUL1iWeaF1RNJsOWuKzHBp4WnHzDb0Nq26t0YMrn8UEEUxtRg4hLdI8IpjHriIt9C6CSJ6+gcjK8PPUise7WU1OlGMODSDQXC4EQbh8PTcBH4m6hU9ygCPF1sLt1HvCkyQ72BSHKZ22v8Hd90FUlU2xVuvA+Nu4SHNtNO.1yo3h6CKFi2xQh+1gPhssfQp+xNG9Cl2.S5TQXCfUG+gy4KE.YtUl4fyUj4ByzpuC3SXln+sNS7t5ha61SXBiq2G2nFeDxF+e3ikuj3KbOdv.dnYoCtk6I+559rgOx1+ZXjoPN7LlQKv7+4iRCfg.gbX2kRdRNlu2.qqKn8QZLBDvkQVh+E9JE1AocJE1YtPRJKTqdSXwsA7sJelkC3SR6SyZ3dFRSWT965521mjBOa5Mgg3w+agqZ0ayiVCad7ZXydqgMOYMr4oqgMe2ZXyytUavWr9CiLpzhqC.idGaaC43T7vMaUH4+.9pTUo.

[d.healey]

@DabDab You haven't added the table row data

[DabDab]

@d-healey Added the forthId.. But ComboBox doesn't show List entries like the regular combobox.
here is my snippet..

HiseSnippet 1164.3ocsV01aaaCDlJIpXVaCXYX+.37mbvxbsaS6JZQvxhSRmQyKFUYYCXXniVh1hKRjBTT01sv+m2+fs6njskSU6JLV8GDLuWd3Cui2cbfVEvyxTZhSiqmkxINegq+LoIpWDSHI8Og3rq6MB9jTk1zSEqxSjjimkxxx3gDGmseNZlSicH1e+8OdLKlIC3qDQH2nDA7yEIByJoCN5Eh33yXg7qEIUr9fi5Gnj1MBnz1tcHorfaYi4WxPy1xk3buSCEFk12vL7LhyNGqBm4GolHKr+FQlXXLGWzk3C.UH9LUbHxXTJoWjHNbvhidFAPYvp.w1EAhuw8BQnXo7UAjuxpftxipwCmsVmdauF85VkdcpPuZnjSEJsSAk100OPKRMqzf74yc6KMb8HFD1qRkBaIacOW2dJvBoocB6V9YZXwROZ83Nc1mBe16YdPjOyPeMSSWjw6ROjtv2wb3BPRpRBKZ0boEMAG8t+8omJYv4hds8ahJj6szj1YbiU9Ef3Vu0qQyWpl7ybw3HSymRe3AdyKwvmanlHNMPEC2ynwrYpbSM3zypOq0u6gf0+D.klmIzYF3u6CRNmMjGuTHsvbqFLNhJtlO0XE7qhPSTym9fNc7lueE374PzH7t3cbtwnjuYMnJjUHBQEDc0KJVpFONFswny4U1LHbu9lccjPuXuV.qerHjqshtfM8FVbNJ9Qs6fR7M7TewaPIcKjr.5mTB8hnBTGYhrPuDYHKNTcrZJJKgMEDAHTAfFdy+ixDx.UZdLbQ1lUL1T6DgIhloR3zPlggF0xDIxnAr3X3ijNja+OOjxjyLP08d0jAgK.m.tCYPJ8sqRd34FgtH8TIKTFCWEpf6MvAuxAjB9NPvjplv4uVPUvgPWGziXwYqiMFTWGZeiVHG2jVC3myf6XwBI+a+un7AuCrOOWXXZ.VOaHWHQbnixkAFgRRUxh66P7bHzGrkZ3esGduApIyTw71o.oLsLZrPF0AXzvqgXDtnMluoGdHjviEA21bOuFfm2w0BcPtB1rlzuih9oUS5KC4SQvl6MGnUMUfKYz5LbumUg6WpL7qjsrL1atG8tpFMpVcXCGsBtAoqUMNvP+gbrkLOYHWuOzICJZVZHzEc8Vytu+VyUmbDTz+qhgJYeovbUJW99lmPJaZhswKYEXpw1D+qKahyCWDVIhPrK9xnLwR7piPI+RerbYAb.xvtkx0FAdPbNg+ZXDawLhFtmvyt0nRs1V1uFlZ9Qu4SqNMd1pEsNZB1hXof+b9QQ1d3qLQbD4cGZAiKUgXWj0mghObnTAj8VavENbRlILyp9vh+2Fr9wRwccGHLAQ0ywspgiP14SAGKeNxW5d5nQ7.yJBti6Y+1ml2dPdIL2EZ2cAC55A2GbuLOwGZaEvgcWJ4wX0iyV387h0cv0XDvmKCsK9G3Woxt3ZmRkcWnjjvBzpWETTcfO34yrR.NIsu0qg6E3Z5xxAW2Ns6PRf2d8pf.73+8PoW897fMvmGtA9bvF3yi1.ed7F3yOrA97jOnO3yd+obiJonb.DL3TaaIGmhW+YuER9Wvi7gF2