A couple of expansion questions

[d.healey]

@rzrsharpeprod In the loop where we create the child panels you are able to get a reference to each expansion, that will give you the name, you can set this as the child panel's text - the same as in the example where I'm setting the child panel's text to i.

For the description I think you might also be able to pull that information from the expansion and then you can set it as a data property of the child panel.

[rzrsharpeprod]

@d-healey said in A couple of expansion questions:

For the description I think you might also be able to pull that information from the expansion and then you can set it as a data property of the child panel.

I need to stop asking new questions and try to solve the ones I still don't know the answers to first lol But how would I pull that data from the expansion? Where would the data live? In the expansion XML file or a separate txt file?

Did you manage to have a look at why the images weren't loading for the child panels?

Finally so that I don't resort back to my temporary solution of fixed buttons as I would really rather build off this grid now it is getting somewhere, how on earth do I make it so when you click on child panel 1 it loads expansion 1, clicking on child panel 2 loads expansion 2 etc etc? This is still part of the same issue of me not understanding child panels clearly.

Once I have that part working I can at least start work on trying to figure out how to get the UI to display correctly when set expansion is called as it sounds like you think that should be enough to get it to display correctly?

[d.healey]

@rzrsharpeprod said in A couple of expansion questions:

But how would I pull that data from the expansion?

    for (i = 0; i < NUM_EXPANSIONS; i++)
    {
		local e = expList[i]; // Get a reference to the expansion
		local expansionData = e.getProperties();
		local expansionName = expansionData.Name; // Get the expansion name
		
		Console.print(trace(expansionData)); // Output all of the available data to the console	

Check the API browser for all of the available expansion functions.

This is what I'm doing in Rhapsody to put all expansion properties into the child panel's data object.

local props = e.getProperties();

for (x in props)
    cp.data[x] = props[x];

@rzrsharpeprod said in A couple of expansion questions:

Did you manage to have a look at why the images weren't loading for the child panels?

Nope, not important yet. We'll solve that later, one issue at a time.

I just took another look at your snippet. I don't see anywhere that you are loading the image into the panel.

@rzrsharpeprod said in A couple of expansion questions:

how on earth do I make it so when you click on child panel 1 it loads expansion 1, clicking on child panel 2 loads expansion 2 etc etc?

You have an array of expansions (expList) and you have an array of child panels (stored in the parent panel). In the mouse callback of the child panel, you find out its index in the parent panel's array, and use this to find the corresponding expansion in expList.

Edit: Actually you can do it in an even simpler way if you're already storing the expansion name with the child panel, because all you need to load the expansion is its name.

[rzrsharpeprod]

@d-healey said in A couple of expansion questions:

I just took another look at your snippet. I don't see anywhere that you are loading the image into the panel.

Sorry was in a meeting. It isn't in the most recent one as I think it got removed when you did the hover and numbering in the one late last night. It is in this one though and just gives the error

HiseSnippet 1485.3ocsWstaaTDEd2jrPsgJQQ7.LXIpV235XWZnfBU3bwoXQShUbuIUUplt6X6QY2YVs63DaPvq.7.vO3e71vqA+k2.3blYuYWmpV2V+mj4ba9lu4bNyY6GK8XIIxXK6JOXVDyx9icFLSnFu+XJWX06.K6q4buXtOgGRGwRHOtWeq8lEQSRX9V11qeOzL6JaXo+8ue2dz.pviUHxx5QRtG697PtpPZ+N+.OH3PpO6A7vRVe6N87jh8kAxI.jV2okUD06LXmOlhlslik8Gz0mqjwCTTEKwxdi8j9yFLVdgvX+i3I7WDvvEssF.AxH9PYfOhXTp09i4A98yN5IVPT5WPDqaHhOy4HtOOWdAg7IZEjBOJyG1qMO7VeN30tL7ZUBdKAR1kfzFFHcMmAdw7HUgFDOejSOghEOjBzdYnXr0ZsZWwYeIXgP0LjdF6vXXQtGtsu01sZPtSqV02oZ0s1h.llnnBURUO7+HmSiIQh.cNvcIYAZDSsuLLRJfEt0R0WCBQgSGs6o2q2wfOsaUV7wO7nmu+I2e.n31vNZTvlF88Tge.KFD2ULhKXM8hY.E1cZDUjvkhT8t46A3y84veuaIuQbk6Ap0s9h6c2mze2iGz6jiGX7DspY.SLRMFfSLajISOMzO8YorhFLDO7Vh.wmEjP7mIngbOZPvrpbQ.fYxvIBOEr0DC3MWpZqcqW8mqVIPBlStf6qFCA2Mk2PT+XTlacxMS4s5jsJnpLg6jEAwjvSkWj.w3HpZbSOFOvcgCWg60ycaLiOZLdrLHXKR6lauMb.qLTFSb4fhV6P3jucAhBjs4l0qVAN.oAxKBrMC8Te+hCJR3YVwE9ro34jS9h4PSpdTWZVxlfQZqugAa0KKIkQJbbV1AeXfTFCguzgEr2M8btYNWtYNABwvKpYBS0WlvwqJ2oMHyZX10FoLDtU+BXZ1IDL2slQUsFlcNjNMcaZjeabCxBaLhkLkaRZWuNDXHtKlrDHo98zsWMYI4IfM8BXTcJe5UDC3zWc59bWS7vQXRtI+Jv2iF6eJaHKlAcncqgcZaFIFAksH0VrqQSRF6B9pYbrefLf0LJlCk55XAsehXwJNh2lXi4kXnJFatnMuWVfc0D.vr.GfEU8gNpJRrbhBoCkj3GSufvndiM0fUKw+ZaO0XpaFy4NRyWXo8aSME5+abEE5zkTOUoZkQMGBuusaPfaqolVquA0XXnu7ZGT6JT4ft81T2fYHCgHmb.aHbG36lmu7T9ypSt90IkEP976RpUCNOU.p.uV0IAy4SCxSWRoGHFdNpUZdR8cHUe45EcUgtkCjI6ZHMM6NEKOJk.TzVJu3nxzlwrP443yfg8ow36WZ9QWwCIk8DPaAZ.+mXUWXe1g.pOU6bBA55O2qAUWRG+cpVtxF3v7SfTbrTwNQXp2g5AxhpFNbo5v2eikA5GBWhZbXp3WkiX6nWvha.OGFLgkaHLgw7is3b4isTdpJOy3.kLTJPB7jHl3xl0xJcFBbDmTTAlpzC37ooC3v7eDmcQjLVYwgYYp3bdjBuTszvt7vkVOr2ATEMKXPbK5NAxNfcNL7oY5oJNGvRNSIiz1lN7hk8G9Zt0SK11eryrxKzIv4B98eqiIUNWxe9qcR7vas8nwOXL26LAvEvfrNsa0r0RAyUyFzCyjRwQZdcYbXYUBGsW.GcJii+4OR96u4uXchzY7k1vhym0KOuILoqzeR.UM+3u3L+oJfjq4l4DmqDdMRMq72D7Nal3WWHdMm9bk23kiw0VBFgzm2GXL8KItpS2gCYdpB.tgygO48ymMXYdibDzlOlCoJNGOIb.7wTdPqIp.6KAxrWCKCMqagqQFX.S3qW7evuTksw01oJamozJjBoyO2yT7heqxUzR.LIzelVEmiv0j1Y0qNNXldH7YSO2yCO92D5Lrbet0J3yWtB9b6UvmsWAe9pUvm6rB970uRevuXc2IJYnob.DzuqtuoscWAExrzYgV++e3KI.

@d-healey said in A couple of expansion questions:

Check the API browser for all of the available expansion functions.

Ah ok so there are tags I can use by the looks of it as there is a tags property that is currently empty and I can see the tags element in the expansions info XML file now that I have looked.

@d-healey said in A couple of expansion questions:

You have an array of expansions (expList) and you have an array of child panels (stored in the parent panel). In the mouse callback of the child panel, you find out its index in the parent panel's array, and use this to find the corresponding expansion in expList.

Edit: Actually you can do it in an even simpler way if you're already storing the expansion name with the child panel, because all you need to load the expansion is its name.

I see the array for the child panels and the objects (childPanels[0],[1] etc) but how can I tie an action to those? That's what I am asking really. Am I using object under mouse?
Do I need to write a code along the lines of if object under mouse is [0] then do this, if object is [1] then do that and do this for all possible expansions up to say 30?

[d.healey]

@rzrsharpeprod not at the computer at the moment so I'll give a proper reply later.

Think of it like this, if you had one panel and one expansion, how would you achieve what you want?

[rzrsharpeprod]

Ok I just figured out how to get the expansion name as the text name for the child panel, I also added the tags in Hise (not the XML file) and can set the text as one or the other (or both concatenated).
Now that is loading, how can I set them as 2 separate lines one under the other as they need different font sizes and colours.

@d-healey said in A couple of expansion questions:

@rzrsharpeprod not at the computer at the moment so I'll give a proper reply later.

Think of it like this, if you had one panel and one expansion, how would you achieve what you want?
I don't know with expansions as they are not acting the same as normal presets. With none expansions projects I would just load an image or even attach one to the panel but because of the dynamic number of child panels I can't just call 1 directly and hardcode it for each. I think I have to use the wildcard reference and that seems to not be working unless it's tied to the preset browser where it works fine.

For the mouse callback it would be easier as I could write a control callback directly referencing the panel. If event clicked do this.
I can't do that or more specifically don't know how to do that with the child panels and that's what I am asking for really, how do I do it?

@rzrsharpeprod said in A couple of expansion questions:

Do I need to write a code along the lines of if object under mouse is [0] then do this, if object is [1] then do that and do this for all possible expansions up to say 30?

Is this the only way to do it?

[d.healey]

@rzrsharpeprod said in A couple of expansion questions:

Now that is loading, how can I set them as 2 separate lines one under the other as they need different font sizes and colours.

This is just regular paint routine stuff, I have a few videos about paint routines. Make yourself a paint routine sandbox project and play around.

@rzrsharpeprod said in A couple of expansion questions:

For the mouse callback it would be easier as I could write a control callback directly referencing the panel. If event clicked do this.

You have a reference to the panel that was clicked within the mouse callback already (this). That's how I'm doing the hover action.

@rzrsharpeprod said in A couple of expansion questions:

Is this the only way to do it?

I don't really know what your saying there, so probably not. You can see how I've implemented the hover action, so you just need to add your click event in the mouse callback too.

@rzrsharpeprod said in A couple of expansion questions:

orry was in a meeting. It isn't in the most recent one as I think it got removed when you did the hover and numbering in the one late last night. It is in this one though and just gives the error

You have not loaded the images into the panels. Start with one regular panel and one expansion, and make it all work. Once you have this you can tackle it with child panels - which is basically the same thing, but overcomplicates it and makes it seem confusing.

[rzrsharpeprod]

@d-healey said in A couple of expansion questions:

You have not loaded the images into the panels. Start with one regular panel and one expansion, and make it all work. Once you have this you can tackle it with child panels - which is basically the same thing, but overcomplicates it and makes it seem confusing.

Is this

if (isDefined(imageList[i]) && imageList[i] != "")
g.drawImage(imageList[i], [x, y, width, height], 0, 0);

and this

loadImages();

not doing that?
Regardless the error messages I'm getting are

{EXP::ExpansionName}Icon.png not found

for each expansion so it looks like it isn't even finding the images to load either way or have I misunderstood the error?

@d-healey said in A couple of expansion questions:

This is just regular paint routine stuff, I have a few videos about paint routines. Make yourself a paint routine sandbox project and play around.

So it is possible to set 2 separate lines of text? I can then set the position of each through paint routines.
I wasn't sure if you could set 2 separate text items or if it would have to be 1 with a carriage return or something similar?

@d-healey said in A couple of expansion questions:

I don't really know what your saying there, so probably not. You can see how I've implemented the hover action, so you just need to add your click event in the mouse callback too.

What I mean is the hover isn't really distnguishing between an end action, regardless of what child panel it is hovering over it is doing the same action. Whereas with the load if it is child panel1 it is doing 1 thing specifically (load exp 1), child panel 2 being clicked would load exp 2 and so on.
Its that unique end action that I can't get my head around. I hope that makes sense?

[d.healey]

@rzrsharpeprod said in A couple of expansion questions:

Is this

if (isDefined(imageList[i]) && imageList[i] != "")
g.drawImage(imageList[i], [x, y, width, height], 0, 0);

and this

loadImages();

Nope, loadImages there is a function you wrote, so don't let the name mislead you into thinking it actually loads images into panels.

Go watch my video about using images with panels, you have to load the image into the panel before you can use it in the paint routine.

@rzrsharpeprod said in A couple of expansion questions:

So it is possible to set 2 separate lines of text? I can then set the position of each through paint routines.
I wasn't sure if you could set 2 separate text items or if it would have to be 1 with a carriage return or something similar?

• set the colour
• draw a line of text
• set another colour
• draw another line of text
• etc.

@rzrsharpeprod said in A couple of expansion questions:

Whereas with the load if it is child panel1 it is doing 1 thing specifically (load exp 1), child panel 2 being clicked would load exp 2 and so on.

Loading the expansion is also the same action for all child panels. The only thing that needs to change is the name of the expansion you are loading, and you can get that from the child panel itself (this) because you've stored it as the child panel's text - or you can do it using the array method I mentioned earlier, but I think the text method is the way I would go.

@rzrsharpeprod said in A couple of expansion questions:

Its that unique end action that I can't get my head around. I hope that makes sense?

I see the misunderstanding here. The action is not unique, it's the same for all the children. The expansion name that you pass to the loadExpansion function is unique.

I think you're getting close to that trigger moment :)

[rzrsharpeprod]

@d-healey said in A couple of expansion questions:

I think you're getting close to that trigger moment :)

I hope so! Maybe I am as even as I was writing that I thought I bet I can set expansion name using the variable so it is kind of the same action for each one.

@d-healey said in A couple of expansion questions:

set the colour
draw a line of text
set another colour
draw another line of text
etc.

I also had this revelation as well while I was having lunch. I thought I wonder if setting a new colour will allow me to have a new text object and when I cam back you had said something along these lines

@d-healey said in A couple of expansion questions:

Nope, loadImages there is a function you wrote, so don't let the name mislead you into thinking it actually loads images into panels.

Go watch my video about using images with panels, you have to load the image into the panel before you can use it in the paint routine.

I watched one of yours the other day (the one with the cute little piglet) I will go back and rewatch it as I clearly missed something.
Is the cant find Icon.png error misleading then or is it also not finding the image becaus eit isn't loaded?

[d.healey]

@rzrsharpeprod said in A couple of expansion questions:

Is the cant find Icon.png error misleading then or is it also not finding the image becaus eit isn't loaded?

Yes, sort of. Basically the path is correct, but because the image hasn't been loaded into the panel it can't be found within the paint routine.

I can't remember the exact code but basically in the loop where you're creating the child panels you're going to need to do something like:

cp.loadImage(pathToImage, "Icon");

And then in the paint routine you'll be able to do something like:

g.drawImage("Icon");

[rzrsharpeprod]

@rzrsharpeprod Ok I will have a look and no doubt get back to you. Thankyou.

1 quick thing on the dual line text. In your snippet it uses a text object which I modified to use the expansionName

        cp.set("text", expansionName);

How do I add a 2nd version? If I do this

        cp.set("text", expansionName);
        cp.set("text", tags);

Then the 2nd just overrides the first.
I have the 2 lines showing and formatted correctly but it just repeats whatever the last definition of "text" is

I can't add "Text2" as that isn't a valid function.
I tried calling the variables expansionName & tags directly in the drawAlignedText line but it doesn't like that.

[d.healey]

@rzrsharpeprod text is a property of the panel - all components have a text property that you can change in the interface designer. All I'm doing in the script is setting that property.

If you want to attach arbitrary data to the panel that needs to go inside its data object.

I posted a little loop a few posts ago that adds all of the expansions properties to the child panels for you.

[rzrsharpeprod]

@d-healey said in A couple of expansion questions:

cp.loadImage(pathToImage, "Icon");

We have lift off!!!

In the loop I used

e.getWildcardReference("Icon.png")

and in the paint routine I called

g.drawImage("Icon", a, 0, 0);

and they work.

The hover doesn't work on the icon though, only the part underneath that is just the rest of the panel with the text on. Not sure why the icon doesn't react?

[rzrsharpeprod]

@d-healey said in A couple of expansion questions:

If you want to attach arbitrary data to the panel that needs to go inside its data object.

Which I have done. I have populated the tags and I can call them to be the "text" object using

cp.set("text", tags);

but I can't then have both the expansion name and the tags to be set as "text".
It wants one or the the other unless I combine them

cp.set("text", expansionName + "" + tags);

which I don't want to do as that puts them on the same line in the panel

If this isn't what you are referring to then I don't understand sorry

[d.healey]

@rzrsharpeprod said in A couple of expansion questions:

Not sure why the icon doesn't react?

What do you expect it to do?

@rzrsharpeprod said in A couple of expansion questions:

the "text" object using

There is no "text object". Text is a property of the panel.

Here's the loop I posted earlier that copies all of the expansion's properties into the child panel's data object.

local props = e.getProperties();

for (x in props)
    cp.data[x] = props[x];

So now if you want the expansion name in the paint routine or mouse callback you can use this.data.Name (the case will match the output of the object you get from expansion.getProperties();

[rzrsharpeprod]

@d-healey said in A couple of expansion questions:

What do you expect it to do?

I thought that the image would react to the hover as it did before the image was loaded into it because of the line

g.fillAll(Colours.withAlpha(Colours.darkgrey, this.data.hover ? 1.0 : 0.4));

Actually I just realised that all I needed to put that line after the drawimage line in the repaint so that is solved.

local props = e.getProperties();

for (x in props)
    cp.data[x] = props[x];

I thought you were just saying you used this in Rhapsody but didn't realise you were saying to add it to my project apologies.
Ok so I have set the first line of text using this.data.Name and the 2nd line using the tags pulled in from the expansion data and it works and looks how I wanted it to.

Ok so that's 2 things sorted, thankyou.

On to the click event now so that it loads the expansion - well sets it I think is the term.
Am I best to write a function that handles what happens when an expansion is set and then call that as part of the cp code? Or is there a better way to approach it?

[d.healey]

@rzrsharpeprod You can probably just do it all in the mouse callback because I think it's just a single function call if I remember correctly. If you need something more elaborate you can break it out into a separate function.

The call is something like expansionHandler.setCurrentExpansion(expansionName)

[rzrsharpeprod]

@d-healey I put it directly in my click callback like this

cp.setMouseCallback(function(event){
		this.data.hover = event.hover;
		Console.print("Hover");
		
		if (event.clicked)
		Console.print("Clicked");
		expHandler.setCurrentExpansion(expansionName);
				
		this.repaint();

but got the error

 Can't reference local variables in nested function body

So I created an inline function loadExpansion() and called it at the end of my code

inline function loadExpansion()
{
expHandler.setCurrentExpansion(expansionName);
}

But then got this doing that

API call with undefined parameter 0

[d.healey]

@rzrsharpeprod said in A couple of expansion questions:

  if (event.clicked)
  Console.print("Clicked");
  expHandler.setCurrentExpansion(expansionName);

You need curly braces for your if statement {}

Second, the error message is telling you what the problem is. expansionName is a variable you declared outside of the mouse callback, you can't use it in the mouse callback. You have to get the data you want from the child panel where you stored it.