panel rendering...

[Lindon]

I was hoping for a real simple way to get a std slider with rounded ends - but the value showing up using a straight line (if you follow me)

so I put a simple slider inside a panel which has rounded corners, but the panel isnt excluding the slider at these corners thus:

The slider is inside the panel but as you can see the panel isn't "honouring" the corner at top left or top right. have I forgotten something....is it t-shirt time again?

[Christoph Hart]

@Lindon the corner is just painted and all component dimensions are always rectangles so yes I would say put on the t-shirt.

[d.healey]

Why not use LAF?

[Lindon]

@d-healey said in panel rendering...:

Why not use LAF?

CAnt quite work out how to LAF together a solution for this (rounded ended slider, with straight line value point)

[Matt_SF]

@Lindon Applying a mask works, but you'll have to create your own path and adapt the dimensions :

HiseSnippet 1236.3ocsVstaaaCElJIpaw6BZG5Cff+kxlpgjShaBBFxcWXzjTi5zhMDDTPKQYyYIRCI5j3Vz+s85rWg8rreMLr+r2fsyQT1RNwKs0.yBvR7biemK7bX6DoOKMUlPLV87wCYDiuzryXgp+g8obAo0Q.cySooCNgFRNX7PZZJKfXXr7yP1FqtBI62eu6AzHpvmUPhPdsj6yNgGyUETau2y4QQMoAry4wkjdi8Z4KEGJiji.nrroKYH0e.sG6LJJ1RlDiGbb.WIS5nnJVJHyAxfwc5KuVnk+07Td2HFtvizALjlL4v97nf1SbyTBwXk1EN8xZm9wlmxC3SoW37OLigUgFkiAFKcePx6S.RFkfzJZH8HyN9I7gpBNHd9ByVBEKIjBg5xPQKKYo+XEyCkfDBUsX5.VyDXwTMra355XA+s1NUp.g6Tk0UzDqzHd.KASxVeu0Ds8SXfS0lp5aCRqEtPvinJJH7EddtNdta63BO0q6zXqru71z0oQCms2pDcu02FjbKmFHmM2DjYcf1DMzOM1vYFJn7kr2DxaeKq4dqm+SlyhqLJa0votqmS80qibtilH1e5swflXEM5JiYMCv72w+JrSdzX18c9gODKdHkK2oRQnuVjjF.40XLGXOaJY175yExtdkRo8XpCkwCkBXgc0LtUKzPaI3X9cJBNQ5SiNQJGruHnIiEgEDUlJdsDVOdJTg0bjvWwkB6pAIzqeoTQSF2ISppNVgSX1ywR18mVqx6prJhQrJBVWiB6zNZRckIfNX0E8B2K+t5NVzK7xeW+xmrA9dc3MDUprZuZcgsWbBcLKwNjFkx.vAToCGFMFCKkhPNS2I.OEhlhgEruis9UZMYBUzKmaHzt5kLek8EvQGWsIthFMh8sHZzX4RsnLQfFG3x4a4tQPWMsz5fzHQ.K.sOriQLasu6XUeyZvdsQM2IlBkd+HdOAK3b1MJ6iEfWypEHGAMXNW1QkvE8rmBNvBqU1cq5CoyDVP0L68dLAlk+QHdmz6zT6Z6LIsYIEmIUrWHryxbUdeEqayJLbt7vRoDYTDFVlCabJPx8onsXTbWLjj4WSEDZSNau2G7w060WWYWRPonkfqdwPV95lxn.rmJ98c6TSxOZf8ryQHHpJqi8Wm2wVWzS3fQ9LyrvLIC74S6r9k+5O2k7pV3A1IlArHrKCYIJN5LFGwtBlcpGDrp4QrzAJ4vLYyO+B61GbSuoX75Ot23xKRUiwPyCxDjDyCBhXskobLzWZn9uAGqG1g+1Lj+tG+qO62e6Ouab449DRL8lxWCHcTXH+lrA1vIm3TntbXqXXNNw3aLeUJyJfERGEAsaF.1IhKF.EzxL4ulGn5WXKwd8Y7d8Kc2gy1ib2wjv.ZYvnHpZ1o130SxYf9T4Qk33PA3qiKi6OgQ4t26n7OVH9Hy1bke+4iwklCFgRk+OvX9Ef9JyiCCg1PE.bEyl+vhdamOv1Cs8TP6pSoP0ATqXd1n3NP6QeFr6BAKBLtowR3gM8ZWbMFA5.sXyV7Ovubld3ZibldSXB0k9Ix23qOhhWw5yyn.XRjciR7VsvZqomMMMcq4hmE3uw2Gc+m3QHyWm5KfNqu.5rwBnylKfNMV.cd5BnyV2qN3Es2ejRFqON.DZebVORCiiETnxJqJj7uPSo6Fx

[Lindon]

@Matt_SF said in panel rendering...:

@Lindon Applying a mask works, but you'll have to create your own path and adapt the dimensions :

Nice, now all I need do is work out hat all that mask data is and how to set it....

[Matt_SF]

@Lindon just keep the the proportions of the sliders you use in HISE (for this example it's 4:1) to create the SVG file.

I don't know if you've already used SVG files so I'll leave this here :

Use photoshop or a similar software to draw the rounded rectangle shape with the right proportions and export it as a SVG file (the resolution doesn't matter).
Then, open the SVG file into a text editor, copy the path data into the 'convert SVG to path' tool you' ll find either in the projucer app, or in HISE directly if you are on a very recent commit.
Then you'll get the path data you'll be able to use in HISE.

[Lindon]

@Matt_SF thank yeah - I'd usually use inkscape for the SVG drawing...

[d.healey]

This post is deleted!