can get and then I can always schedule another 30 minutes or something like that. Yeah, that's ideal. Sounds ideal. Yeah, definitely.
Okay. So I think we're just gonna kind of use this as a working session, right? So you've made some changes and stuff and even helped some help with the JSON file. So where should we start, do you think? That's a question for you.
I was about to ask, shall I just show you slowly what I've done, which tools I used, and then maybe you can share your knowledge as well? Sure. Yeah, sure.
No problem. If that makes sense? Yeah? Okay, so let me share the screen.
Can you see the screen okay? Yes. Yep, nice one.
So I'll quickly update the theme for the one, the original one that I had, and then the one, the JSON that I've tweaked a little bit. which is the sandbox and to do it, and you've seen all of those small tweaks, but just to get that done, I've used, obviously I had to play with JSON file, and I've used a JSON editor online tool, which I found quite useful to work with. I've used the Visual Studio as well, but within the Visual Studio, it just was a little bit more convoluted.
to move around the objects and so on and so forth. So I've used that tool to edit it and I've added some additional styles to the visual styles and I didn't overwrite much. If I did overwrite, I've kept the old version next to it just in case we would like to refer back to it. But then I would imagine at some point it would be good to do a little bit of refactoring exercise and just clean up that file from anything that is not needed. For instance, that card visual, you can just delete it at some point.
But I'm gonna keep it for now. That underscore in front of that basically eliminates it. So it's like, you can't comment JSON code, but if you do that, all that code within that segment will not apply. So that's kind of what button that's there. yeah yeah so yeah that was the reason why i thought i'm gonna keep it because that was the original one and i thought just in case we want to refer back but uh most okay i see what you did yeah yeah so most of the style stuff i've copied over and then also i've added some additional styling if you like properties to it and i used a few generator tools which are available online i've used the power bi tabs Yeah, I used that one too.
That's one of the ones I was going to recommend. Yeah, and then also I found another one which is that one, Theme Generator. And I've used both of them.
Just sometimes, not always you were able to see the visuals and not all of the properties were visible here or they were easily defined on the support. So I used both of those. That's how far I went.
The other thing that's useful to use is, so the editor that I use primarily was, I just use Notepad++ to code it. But the other thing that's useful to use, I use theme generator. I've used both those tools that you show right there, and they're helpful, especially the Power BI tips one, because you can generate the code. If you change a property, generate the code, you can get a snippet of the code and see it.
The other thing that I find helpful was the MS reference JSON, so the Microsoft reference. So if you go to, just type in MS reference JSON Power BI or something like that. Let's see. I think it's under, you go to Power BI themes, look there and I think there's a link on their white paper page.
Not the gallery. Not the gallery. Not the gallery, but look for their white paper on how to apply themes in Power BI.
See if I can find it now. I have a bookmark somewhere. Yeah, that one there.
So to use report themes in Power BI, it was shown on your screen. I think that one. Oh, yeah. Yeah, so if you scroll down in here, they used to have, this gives you general stuff, but they used to have some like tables in here. Oh, there it is.
Go up, I think. These are some tables in here that told you what the elements did, but it's not there anymore. And now they have a theme linked in here. So they have a file linked in here, which basically gives you the entire structure.
It's not like a sample file, but it will tell you like all the options that are for all those theme items. I think that's the table that you were referring to. Is it correct?
There's this and it gives you some information here. This will give you for some of the basic ones. It's super hard to understand. This really applies if you're looking in Power BI in the UI itself.
The ones you can configure there, it covers those at the high level. So it's telling you these elements. When you generate the theme in Power BI, those ones you see there are the just the very high level general elements it shows. So it's somewhat useful. But then I think if you keep scrolling down, there might be a file that's linked.
It gives you the entire structure and the options for all of the types of objects. That was something that I just wasn't able to find. Sample dashboard?
No, let me see if I can find it real quick. I can send you the file here. I can post it in here too. Yeah, please, if you don't mind. And how long it took you to get your head around all that structure?
Because it's fairly familiar to... I mean early stages of the web development with the CSS and now you're passing everything through the JSON which I think web development is going towards to now it's a right way to do it but it's lacking the documentation it does have documentation and some of the stuff too like they will have the properties are kind of the same for most of the objects but then occasionally you wonder across something where like the capitalization is different or something like and it throws a problem like and you're like you're banging your head on the wall like why is this not setting this property is because the way they defined it in the Microsoft JSON, they capitalized the letter instead of having a lowercase and like the second word in the property or something. It's really frustrating.
Okay, so they're not consistent with the approach. I mean, fairly consistent, it would really help if they had documentation, but not always. They have exceptions to it.
So you need to try to focus up. Yeah, some of those visuals in that JSON just gave me a little bit of a headache. I mean it was a good cookie to crack on with but certain elements I just didn't manage to move them any further to be honest with you.
For instance the nightmare, my nightmare is that tree map and I've used all of different approaches, thoughts and I just wasn't able to move any further even though the color is black I've changed the colors to the red. manipulate the object, did a number of different approaches and the only thing that I found which could work actually, let me show you. So I found the property which is thing about customer current theme advanced so that's the background second background element so whenever I'm going to change the value of the background element that has a full control i'm just going to go for blue and that's going to have a full control over those labels yeah but it's not really useful because then you've got other components which are using the same property which gets overwritten exactly yeah and that's why like i set stuff at a high level the default with as few colors as i could at the very top of the json file and then a lot of the visuals i just customize the colors okay the problem for that tree map one like you said is I'm already customizing the values for it and it's showing you black in that setting but it's not applying so that one I don't know I don't know if that's a bug or what's going on there but it's definitely a pain yeah it's it sounds like one of those quirks that you might have yeah and that could be it then also I did play with I thought maybe when I'm gonna get into...
sorry I'm just gonna show you, it's gonna be easier to explain. So for the 3-map I thought maybe the mapping of the colours could be slightly different because now we've got the hard-coded black, but I thought if you're gonna hook tap to the theme colours... that should help.
Yes, it does change the color, similar to the black, but you don't see that reflected on the visual, which is... It's not in there, yeah. Which is, I think, one of the... which is a chicken and egg, I suppose. Yeah, it's super frustrating.
I don't know what to deal with that one. I had the same problems, I couldn't get it to change, so probably play with it a little bit, but it might just be one that we've got to leave as is for the time being and then figure it out later or something like that, but... I don't know.
And then I thought maybe with the general values you will be able to overwrite it. Again, I failed. Yeah.
So it might be the case that... So what would you like to do with that JSON and how shall I assist you further and what would you expect from me? I think what you're doing in editing is fine.
So remember, this is for the PRC specific. So we think those few tweets you've come up with, we can short work to apply to the PRC file for April. Probably we'll do it in March release, but the April release, we can probably do that for the next release we do.
Besides that though, the other thing I think is, we want to have just a general park cell theme. So you can leverage the PRC theme, I think, for that. But the one thing I forgot to mention we talked about the other day was like, font sizes and stuff like that.
Obviously in these files the font sizes are tiny and that's partly because we're jamming so many visuals on the screen. That's partly because they let the VA's develop stuff and do the layout rather than letting somebody who's probably better at report design development do it to be honest with you. And so my thought process is that you come up with a scheme with the font sizes and stuff like that where it's standard. if we give it to them as a template when they're dragging and dropping stuff they will be less likely to try to you know jam so many visualizations and screens um so that was one thing so i think it's tweaking the prc one now for like april right with these few minor changes that you're coming up with and stuff like that and then at the same time i told the the our larger analytics community that's out in the business that we're working on this file for them as well basically this is this template file So I think if you can start to convert, make the tweaks to PRC, we can apply it and see what it looks like in the visual. And I can do that for you now if you want real quick, we can take a look at it.
And then beyond that, come up with that standard file with the standard font size. If you were going to start, use our PRC theme kind of as a base for how it should look, but come up with those other properties and stuff, font sizes, the layout, like that type of stuff as an example, we could do that and then share that with the wider community. Tell them, use this template from now on.
anytime you're developing something and they could be it could be slightly different than PRC is what I'm saying basically. Okay and how do you approach the colors the color palettes and who decides on that one is gonna be you and the team? I think we can use the same ones we have if you want. If you have because it will be consistent with PRC for now. If we decide in the future we're gonna change the color palette because it's a theme template we can just always change that theme palette right.
Okay, I think the color... Unless you have a suggestion on a much better color palette, I'm open to that as well. No, no, no, I think colors are fine. Just now I was just wondering who decides what and how people are feeling about the colors because some of the folks might...
Quite strong opinion, let's put it that way. Yeah, you know what happened? So we went around in circles around the color palettes for a while, Chris, like, people... Yeah, you're right.
you can have 10 people in a room and then they all have different opinions on the color palette, right? So, at some point, I took some feedback from these guys a little bit, our colors were too dark, they look too old school, whatever. And I went to that Cooler's website and just picked out a matching template that I thought looked best and just went with it.
And then, so, I don't think they really care that much to make a decision on it, to be honest with you. And people seem to like the palette that's there so far, but if there's a better version of it. And what I did too there was I chose more than normal. I think I chose the base 8, right? And then I chose variations up to like, I think like 30% lighter or like, you know, 30% darker or something like that.
Because some of our visualizations in PRC have so many slices in them, it's poor report design to be honest with you. So you're only going to see those 8 in here, but if you look in the JSON theme, I've described 8, 16, 24, I think in the theme. There were quite a few of them. Yeah. And all I did, if you look in the PowerPoint I sent you where I started to put together all of the style stuff, all I did was go like 30% lighter, 30% darker variation on it, basically.
Because otherwise, Power BI does is it just, it kind of chooses stuff a little randomly. Like it says that it chooses colors that are based on your core palette. but they looked kind of crazy so i went and manually chose up to 24 colors but i don't know if that's the best way to do it either um so if you have any uh you know recommendations there as well like just let power bi just choose the eight and let power bi do the rest that's fine or we want to stick with those 24 um it's fine as well yeah i would keep them as they are to be honest with you just because you've spent it's very apparent that you spend quite a lot of time and thinking behind it so i don't really want to put that to back to square one and for now it does work and then as you mentioned if you if you decide or you decide that we would like to update or tweak something we can always do it we will have a greater control over it and then i suppose at some point uh because that's that is a first time when we've used that i use that theme and the JSON file and I would imagine once... Second time you're gonna use it, third time you're gonna use it, we will have the pattern and it's gonna be easier then to make those decisions.
At the beginning I would imagine, just now it's still fairly easy at least for me to just say make those bold statements if you like. That doesn't make sense? Yeah, so stick with the theme and see how it goes and then make quick tweaks later is what you're saying.
That sounds fine to me. I think the two main things is the tweaking though in terms of colors the text probably right because I think we recommended going darker so we can we can apply that and check that out and do that type of stuff so we'll leave the colors the main core color is the same for now and then if we want to tweak the text and stuff like that we can look at doing that yeah definitely and then updating the font size the the only reason why I didn't have straight with the font sizes as you mentioned there is not as much of the estate available within the reports that we've got there and that is very tricky and I do know even if you're gonna adjust the font size by one point or the pixels one pixel that can ruin quite a lot yeah so for PRC the PRC template I would leave the text sizes as are the colors as are you made some other tweaks in there we can look to apply those and see what it looks like but like I said for the universal design template moving board if you want to tweak that go ahead change the font color change the text size to whatever you want we'll throw together like a sample and and show that people be like do this from now on like this prc we didn't follow the best design principles this is going to ask them better design principles and use this if you can i found that page with the json so if you click on that link in the chat i just sent you um it was just further down in that page but if you go to I'm sorry, the link didn't take you to the right place. So if you go back to that page where you were at, the customized report themes, right? It's under, at the very top, you go to the very top of the page, and then you scroll down to the section that says customized report themes. I'll just customize.
Right there. So there's that link that you've already clicked. See that's customized report theme using JSON file.
Click that and then hold on, don't scroll. See where it says JSON schema is available for download. You've got to go up higher. Oh, yeah, I can see that.
Okay. You can download that, and that's basically going to show you, and I'll share my screen here. All of the properties for... Yeah, so it's not, you know, what it's going to do, it's going to show you all those properties. So, like, what I would do, I would use Power BI tips, and then if I'm searching for something that's specific, I would kind of come in here to see what it was and find it, right?
So if I wanted, like, a card or something like that. working where if i want like tree map for example let's do a tree map i can find that in here and i can see the properties related to it okay you know that's that that is helpful now that being said i think there's a few that aren't even defined in here right just Probably trying things and doing things. I think this covers almost all of them generally, but I think there was a couple instances where like... You know, what I can't remember is if like I look at tree map, it's telling you all these properties here. I can't remember if there's other properties like the universal properties are included or not.
I think they are because like color, font, family, font size are like universal properties as well. So yeah, so I use this a lot of times I would use that Power BI tips website in combination with this. And then I also just found, you know, a few websites where you see where people had sample files.
Now the problem is the JSON's changed over time so you have to play with it a little bit in the sample file so it doesn't always work. But like this guy's site on GitHub, for example here, I think I used some... Just to see how they formatted it and...
I think there's another one. Okay so I had quite similar approach to what you had and it just... It felt like I was just trying to find a patch here, patch there, just to find the whole picture. Yeah, it's not good. That JSON, I mean, this helps a lot.
The MS Reference JSON helps a lot. And I think you can actually, if you do this, I didn't do it in Visual Studio because I did it in Notepad++. But if you apply this, I think, in Visual Studio as like a style or whatever, a template, I think it will even like...
do like the auto type stuff and stuff and it's okay if you apply this and i think there's some depth there's some wording in here and that link i sent you around how to do that but you can use this in visual studio and make sure like the easy right thing too okay yep so so yeah so here's like do you want to send me your theme that you worked on and i can try to apply it real quick to see what it looks like i'm just gonna uh i'll do that just now prc uh um Power BI template. Okay, I'm just gonna drop it into the chat just now. So, sandbox. Yeah, okay. just now um yeah i've just sent the file okay let me open the delivery oversight phase and try and apply it on there since everyone has a lot of visualizations i did uh i did notice that you make quite a lot of comments around the ui and what you have updated and is it your responsibility or is developers because that's something done still trying to get the head around it how everything is built and who's doing what i'm happy to let you make the edits now chris the only reason i did it because there's nobody else to do it so if you're if you want if you want to make those changes and then i can just approve them that's fine if that's the way you want to do it otherwise what i'll probably eventually do is assign a developer to do that stuff you could work with the developer to do it but okay you know at this point in time those guys don't know how to do any of this stuff so So if you want to just play with it and do what you want, that's fine.
And then later we can try to transfer some of the responsibilities to another developer and train them up on how to do the same things and all that type of stuff if you want. Okay, because I'm still trying to get my head around how everything is organized and built and all the rest of the noise. Okay, good to know.
Yeah, I mean, the changes in the application of it would definitely go through my team, but I'm happy to let you, as more of an expert, like apply the changes and stuff like that. And then we just approve them with you and we can... make sure they're applied within the visual and stuff like that and then we'll disseminate the information to the wider teams as well um okay i downloaded that let me see if we could apply this so this has the current theme applied let's see what it looks like i'm quite curious how much of the stuff is gonna stay in place or is it gonna affect a lot and because usually that's not the second part of the testing and developing just seeing how badly things are messed up Yeah, so did some stuff with so there's a weird visual we have here. So all these things that are showing up here.
Okay, so these are you share with these? I think that's the icons. There's two visuals here. There's an icon and there's a card actually. The reason there's a card there is because they wanted to hover over.
So if I look at this real quick, these should be grouped. So the way these work is that there is a card and it's a new card visual and I think most of the time I have it mostly set to blank so it's doing something is the outline on the let me pull them apart on it oops yeah so it looks like it's in the card maybe and do that and separate them boom always does that such a pain no that's not what I want just move okay okay so yeah so that background is showing up so the card visual looks like it's kind of okay although i think it's usually clear so it reset the background for that card visual to white um and then for the info button it looks like it did some stuff some weird stuff there uh i think that's the button style that's what we did okay Yeah, so I think I left it kind of more generic, like remove the visual border, get stuff like that, and then set the color for the icons, I think. But yeah, it's doing something weirder with those buttons. The other ones look all okay.
Would you mind if you're going to hold for a second? I'm going to take the print screen. I'm going to take the print screen.
Yeah, got it. Thank you. Everything else looks OK, I think.
And how's the other pages on the report? OK, are these a different font size? I can't tell. Let me see.
Let me open up a different version of this. We can compare side by side. And how long have you been working for Paracel?
I started working for Paracel in 2003. Okay, you must enjoy it. Yeah, it was good. I mean, I worked remote for a long time.
I started working remote in 2006, so it was one of the few jobs you could stay and be remote in. So one of the reasons I stayed. Okay, let's see, this one's opening.
And just kept getting new interesting projects. I mean, you stay long enough and all the senior management turns over senior leadership, and they've got new ideas and it's new projects, some of the same stuff, some labeled stuff, but keep working on new interesting things. So okay, so let's take a look at this. This is the current.
This is the new and we go to the heat map okay so this is current the the font has changed yeah i think so let me make sure i think that this is the copy let me make sure that old templates apply so that's current this is new same didn't change the font well i think something changed a little bit on the wrong side the uh okay the bookmark the gray yeah this is great so this is the current one with the gray inside and then this is the the new one has is missing that i can go either way with those i mean i see what you're doing here i think in the current one there's no uh i guess there is lines around the outside do i do that for all of them let me take a look at let's take a look at a different one where the um buttons are within the visual itself and see what it looks like you see i was about to have a look at certain reports but didn't have access to the data and therefore just like walking around the room with the closed eyes yeah you know what i'll do i'll try and get you access to the data set today and take a note on that because you don't need to get access to the you don't even have to have access to the um gold layer to work on it you just have to have access to power bi so yeah let me take a note so like i will have ability to visually see how So like this one, so a lot of times I told them to put the element within, so it does have an outline to it. So here, let me look at this one. So this is like a time summary.
This is the new one. So there's some issues with this. Yeah, change the size and stuff like that.
Something weird there. The buttons are squarer. Which is... okay. Unless they are overwritten and...
oh, alright. Something happened with the how you add it, because it shouldn't change the size of the buttons, that's one. It may be that, like, that you applied, um... It could be something where there's like borders or something, or padding applied. Yeah, I think that there was...
yeah, I think there was padding. And then the button styling on the left hand side, which is covering the icon. That's for sure.
And possibly those bookmarks on the Rankin site, they are... maybe if you're going to set them to default, then it's going to apply the new setting of the JSON. Well, I'm just guessing.
These are buttons, so these ones are not a bookmark, these are buttons, so they're having a slightly different state applied. so then question for you then with regards to the ui would you like to have the same styling for the bookmarks buttons and the pagination or have slightly different okay same thing i think so just because it keeps it consistent and less to edit and manage then right i mean they can probably look pretty similar i think um and then people will know that whenever they're seeing those things that that's something you can click on basically right um i do like this style like i think with the the the issue just may be for the PRC because the headers, I'm trying to remember how I set the headers, are like a certain size but you may run into problems just because you have to have the padding for the drop shadow. And the drop shadow is going to take out more space it looks like you have here so that just might be an issue you have to play with a little bit.
I think most of them I told them make the height like 15 or something like that. So it cuts it off so you have to make it like 20. a little bit bigger. So you may just run into some issues on certain visuals that they'll have to adjust manually to do it, but it's possible. Yeah, but I do like the style of the button because it looks more like a button with the drop shadow.
So I think this looks okay if you want to switch that style. We'll just have to check the sizing and maybe when we apply this make sure there's no visuals where This header is like really small when it starts overlapping the visual or outside of the visual or anything like that, but I think that looks pretty good. Yeah, I think I like it better than the original.
Yeah, this darker outline stuff doesn't look as much kind of like a button. Okay, that's... I'm still trying to establish the preferences.
And so some of them might be hit and miss, but some of them might be very good. Also, I did notice that you've got that square on the left hand side, which is covering the icon. So I think that's the button. That's the same issue again with the buttons that are there. Yeah, this is another button.
Looks like the root is one of these. I'm not sure. Let's see if I pull this apart. Yeah, so that's the card.
That's the... button and something weird happened to the button in this one i'm not sure so i'm trying to see the pattern and how i could fix it within the json yeah so it's for all the buttons and the icons as once you'd have to look to okay next yeah there's some so like part of the problem too is because it's using a new card visual and so the new card visual in the template is the one i had the most trouble with I don't think I mentioned that last time. So in that template file, I could not figure out, or I ran out of time really to figure out how you apply some of the settings to the new card visual.
So for example, in the, you go to the template file here, some templates, so the new card, there's what the figure out is that the general properties and things like that, but then, The new card visual allows you to have separate cards within that visual, instead of like one card at a time. And I could not figure out how to set the default for the individual cards. So when you look at the sample, when you look at the sample I have, That's fine.
But the problem is too, like, you're not going to be able to cover everything. So for the card visuals, I tried to like keep it a little bit more general and say they have to customize stuff because they're using those new card visuals as the hover over for the info button. So they shrink them down to a tiny size, but then also like you could set defaults to like remove border or do these other things, but then it changes your normal visuals too.
So there's like a trade-off. It's like, If you apply them just to be the theme for that hover over for those info buttons Then whenever you apply there may not be what you want to happen in the regular other visuals So, you know, I hate these info button things they put in there We're gonna figure out a better way to do that I think in the future but it's like, you know, it's a trade-off So the way I went was like I prefer to have The regular the setting before a regular visual like if I'm just creating a full car visual I want to apply those settings that's general should look If you're doing something special with it, like trying to use it as an overlay for a tooltip or an info button, then you're going to have to manually set stuff. Right. And part of my thought was there, they could just use the format painter and like, you know, when they're building it, they just, you know, set that one, the one they want, create them all on the page and just do format painter. Right.
Because you're not going to be able to capture all scenarios. For that new card visual, though, that I was talking about, this is it. Like I formatted a bunch, but I could not figure out how to set the formatting for the individual cards in this visual. So when you look here and you go to visual and you go to cards and then you can apply those settings here, like in background, for example, I could not figure out how to set the universal.
There's probably a way to do this. I just didn't get to it to set this for these individual cards. So that's why these ones are showing like as gray when you apply the theme, because I could not figure out in the JSON how to set the background for individual cards within this visual to white. So I could figure out how to set the higher level properties and stuff like that, but some of them I couldn't figure out. If you could figure that out, that would be helpful.
Because then we could set... This new car visual is super helpful and I'm telling the team basically to start using this more. Because you can, instead of having 15 visuals on a page, you can have one in some cases.
And so it's more performant, but I just couldn't figure out how to set these individual car settings. I've updated the colors to green, the default... default color of the theme but it did apply to all of them at once but you would like to have the flexibility of having let's say green blue and yellow uh for instance no i think all at once i don't think we'd ever do that if you can figure out how to do if you figured out how to do these all at once that would be great i think that would be great um but i couldn't figure it out in the json itself or i got too tired okay i'm trying to figure it out but have did you figure that out how to set this background for each thing yeah yeah i think i've got it uh i'm gonna share the screen Hey, Wyb, yeah?
And that was... Okay, so I'm gonna share the screen very quickly. Yep, go ahead. That one.
Can you see the screen, Chad? Yes. Yeah. Okay, yes, you've changed it back to green in the background, right? Okay.
Yeah. And then I've added horizontal view, and that... Oh, now I remember.
That was a little bit fiddly, just purely because you've got either cards or the grids. Yeah. And...
I think you have to set that manually. I think if you're using the new card visual and you want to set up your page, you're going to have to choose like grid or rows or whatever. That's just part of it. But yeah, if you set it by default and they can just change it, that would work fine.
Yeah. Let me check. It was the multi-row card I think was it?
Multi-row card is different than the new card visual I think. So is it still card? Yeah, I think it's under... Card visual.
New card or something it's called. I think it's a new card. Or card visual. Yeah, it had some close name that was similar. I think it might be that one.
Let's have a look if it's a color or show a different view color. Yep. Okay. Outline and layout.
That was the one. Yeah, definitely. So that's going to be the card visual and that was a little bit ahead.
There's three types of card visuals, right? There's card, multi-row card, and then the new card visual. So this card visual, is that the new one I think?
Is that right? So you used like the layout? Yeah.
So you have to define the layout. Sorry, it disappeared again. That one. I was just looking at what you did there to see how you did it. So the layout...
So I think that was the original setting of the layout. That was one of the reasons why I kept the original values as well. To have the reference point and see if that's the way that we were going to go with. But I've kept the alignment orientation zero and that's something that I had to change just purely style cards. I have to set that grid layout with one rows and up to seven columns.
Otherwise, if I would add some additional, let's say, I'm gonna add total... Is it not... You need...
No time... Yeah, okay. So I can add up to seven chords, and then if I'm gonna go beyond seven chords, I will have to scroll.
Yeah, that's the reason why. Yeah, that's fine. Okay, yeah, but you figure out how to set the background, the properties for the individual cards. That's great. That'd be super helpful.
So yeah, you could set those to just be the same as kind of what our normal card visual is. So I think on the previous page, there's the normal card visual, just make sure they match. That's all.
So on the previous, which one was that one? So I think it's on the one more page or three, maybe. Oh, it was that one.
Yeah, so that's like the old school normal card visual, and that one on the right there is the multi-row card visual. And then that one on the last page is the new card visual. So eventually you may want to rearrange these, because I added that new card visual last, to the same page for card visuals or something like that, so people can see the difference.
But you just want to have, basically you want to have that new card visual match the styling of the old school card visual. So if they use both within a page, they have the same look and feel. Okay. Let's...
Okay, so I'll play with the JSON for the car to make that look as that one. And then also the reason why I've started doing exercise with the Miro at the very beginning and I went into a lot of details, which I do apologize because I think that was a little bit of a car crash from my end, is purely because I would like to understand when and how you are using the certain element. Therefore, I thought that the exercise with Miro would be quite useful.
Yeah, it's going to be definitely helpful. We can get you access to the data and you can just go through the dashboard samples yourself and have a look at them and see how they're being used. So I'll work on that today and see if I can get you that access. Yeah, and then I will be able to see what and how, what elements get affected by the JSON and then I'm going to be able to fine tune it. Okay, but as it is.
Am I going in a good direction with supporting you and helping you out, Chad? Yeah, definitely. This is super helpful. Just the fact you've been able to figure out how to set up that new card visual is super helpful.
I like the new button styling, I think. We'll just have to make sure it fits in the visuals we have, the sizing and everything like that. Maybe I might have to remove padding. But I think that stuff all looks pretty good to me. So I'm just clicking through other ones now to see if there's anything weird applied.
Here, I'll share my screen again. This one has a ton of visuals, but I think mostly it's looking okay. Yeah, it's just mostly the buttons and that stuff We'll have to look at that one has a lot of space in it where it comes up fine, right?
So maybe just have to work on the sizing and then those info buttons again and the rest of it, but other than that I think it's looking... What we'll do is I'll get you access, you can look at some of these files, apply it, see how it looks. And then what we'll do is, whenever we go to do this update, I'll have them apply it to developers.
And then I'll have them go through every single visual and make sure that everything looks right. Like have them open side by side, make sure nothing looks really messed up or anything like that. I can see the grid here is darker. That's one change too, right?
Those lines are darker. I think on this one, deal resourcing... And then those KPI...
Sorry, those KPI are the... no that's the individual card or that's the new card that you've been using there let me open the original one and see the differences hold on because that might be just the card yeah and as you said i think that the new chord layout is going to be super useful for those kpis at the top yeah uh which page is this question i'm not sure audio resourcing okay oh man actually that that that page of that report looks Nice, it's not too overcrowded, it's the ideal amount of information I suppose. I'm not too sure why...
Is it not true if it's a developer or business analytics they try to add as much data onto a screen as possible with overloading users with the information but again that might be something that the business asked for I don't know. Yeah this is the way the VA has developed it. So the yeah okay so the main difference here is that the lines are a little bit darker I think that looks fine probably yeah it's easier to see right okay. And I'll see if there's anything else through here.
I think this is a, OK, that's a matrix visual that I built. I rebuilt this one. That's why that was there.
OK, that's good. Now these are all just tables. Something weird happened here.
Which one is this? D-O-M-P-O-R-B. Yeah.
So this is a new card visual, I think. Yep. So something weird happened here with the sizing or something. Where it changed it up and we lost the subtitles.
So we have to check that, see what's going on there. Might be padding or something like that again. It's fine.
I hate that visual. That's going to get rebuilt eventually. Work in progress.
These are already tables. I think there's one at the end that has a bunch of visuals. Let's see if this one does.
So yeah, the button issues again here. This is not the right colors. See here, same colors.
I guess it is. Yeah, that's the same. Yeah, so I mean, I think it looks pretty good.
I mean, I think the style of the buttons picked out. pretty good we'll have to figure out a way to get them to fit into the existing visuals for PRC now remember again we could do that for PRC but if when you're coming up with a universal theme for Paracel in general we want to switch it over and make it buttons bigger drop shadow whatever we can just do that and going forward we'll make it work okay yeah okay so let's yeah I think it looks okay for the most part What I'll do is I'll give you access today, and then we can give you all these files, and you can test them all out with Theme, Apply, once you have access to the data, and just see how everything looks and shape it the way you need. Yeah, that would be ideal, to be honest with you.
That would help massively. And if I'm going in a good direction, that's quite reassuring to me. And also take a note of...
Okay, so the card visual is there. Okay, so now I'm gonna refactor the file, the JSON file a little bit. I'm just gonna remove unnecessary object, make that slightly neater and then once I'm gonna get access I'll try to figure out how to update the JSON file so it won't affect that much the styling that you've got there. Yeah, I'd say do that for the PRC so it doesn't affect the styling.
too much and then but outside of that create once you've done that we'll create another file off of that then you can have more freedom yeah you know for the stuff and then we we will post that as the standard going forward and then anybody that creates a new report will have to use that new standard file okay so what would you reckon what what what's the time frame we're gonna have to establish that you have a little time because we're not gonna apply this for this release it won't be applied in march and technically we're not having an April release I think off to see so we may do a release in April like if you do style changes we have a few bug fixes and stuff we may just do like a minor release in April I think um we could apply them by like the end of the month if we wanted but you have time it's not like it's gonna happen the next week or anything okay nice one uh the one of the reasons why I'm asking is because I'm gonna be on away on holidays for uh nearly two weeks with with some breaking between so I just wanted to plan that out and see how far i will be able to push it without yeah i mean i would say you know we can apply it in april we can apply it the month after whatever it's not a rush i'd almost say that the more important one is if you want to come up with like your general style going forward template while you're gone i can post that stuff and we can start to have the other teams that are developing reports use that for anything new they create right that way we're not having to go back and correct them so so it's not an urgent rush when are you going out on vacation the beginning of april you said uh yeah we're gonna go to turkey there's gonna be uh yeah my wife kids and some actually there's gonna be 20 20 ish of us i mean four families, kids, so it's gonna be lovely once we're gonna get there but it's a little bit of a headache trying to organize everything and just get everything zipped up just purely because some folks would like to see that part of the Turkey, the other one, a slightly different one and so on and so forth so I've just spent up a wanderlok and I've thrown a number of places and then we're gonna decide what we're gonna see, how we're gonna enjoy it, where we're gonna relax but yeah all of us are buzzing. Yeah that sounds like fun. It's a hassle to organize that many families. We went to Costa Rica a couple years ago with like five or six other families.
Oh nice. So it was a pain to organize but it was super fun when we got there because everybody has kids the same age and can hang out and play. Yeah, sounds very familiar. So the kids play with themselves, the parents play with themselves. It's gonna be good.
I've never been to Turkey. My wife's been there but I heard she said it's really nice so I'm sure you guys will have a ton of fun. Oh, I hope so.
As long as the weather is going to be good, I can't complain. If it's going to be above 20 degrees, I'm going to be happy. Because Scotland, the weather in Scotland is miserable.
It's really, really bad. I've heard, yeah. So what days are you going to be out on?
Which two weeks? The beginning of April? So we are away on 8th of April and I'm back.
I'm back. Let me have a look. I've already put into the calendar and I'm back on 18th but then that's Friday so 19, 20, 21st actually is still bank holiday so nearly most of the April is gone.
Let's do this there's not a mad rush to change the styling because we're going to launch in March and then the clients are going to start to look at it we change minor things over time they're not going to notice. that much is going to notice it go something nicer right so let me get you dax to the data see where we get by the time you go out right before that if we're good with it we don't think there's any tweaks or anything i can then say okay developers take what we've done apply it make sure there's no issues no any resizing stuff you have to do like all that we'll prepare for either the april or the may release um and we'll do that for prc for the for the wider stuff if you get something a template in place before that too. And what I'd say is for the wider template, just use the, you know, this or sample file basically, right? With the visuals in it.
If you want to, if you get something done and we want to apply that sooner, we can just post that. And then the regular meetings I have with the wider reporting community, I'll tell them, hey, there's the new file here. We really want you guys to use this, blah, blah, blah. And that can be done independent of what we're doing for PRC basically. Okay.
So maybe before you go out, if you have something on this one, you want to show everybody, we all get buy-in, we'll say, okay, that's the standard going forward for Parcel right now. We'll post it, give it out in the meetings, do all that stuff while you're at the office. And then going forward, everything will look more similar to this.
And then PRC, we can deal with separately. Yeah, okay. Sounds great.
Then also, I would imagine, do you plan to have ideally the set height of the buttons or the bookmarks? kpis so like that we are consistent across shall i add them in or that's something that i think so i think like if you're putting a coherent and what might be useful too is like if you use this file and you know i have that grid i think i sent you but there's other ways of doing that like the best way is like when you have the kpi at the top some supporting detail in the middle detail table at the bottom right like there's lots of templates that are like that that are out there and if you'd rather like put an example together in here like i'm going to build a new page just drag and drop it the visuals that I want in there as that sample, we can show people how to do that. These are the individual visual examples, and here's how you put a page together that looks the best. Use that, and here's how you put the buttons on the page. If you think the button should be a certain size, so they're easily readable and stuff like that, and it fits the font size that you're choosing, yeah, I'd say go ahead, knock yourself out, do what you want to do, and we'll just show it to everybody and get approval, that's all.
yeah because actually that file i've created in here for prc it's a good fun fundamentals for atomic approach on the design that was something that in the past with it we create all of the elements the atoms if you like and then organize for down the page with a few examples of how they could be used together exactly what we've just said yeah yeah exactly and you know like prc like you know with the sizing the grid i have i think it's like a 20 by 40 block up here but if you think it's better to have use more space or whatever in terms of the layout you know whatever you want to do i think it's up to you i mean you're the expert in this area we just did this because we had to at last minute but whatever you think would look best knock yourself out put something together and we'll just show it and get everybody's fine yeah okay thanks man yeah definitely i'll be i'm pleased i'm working with you uh on that one I'm gonna learn a lot and you're a nice and easygoing fella. I mean, in a good way. If you have anything I can do to help, just let me know. And like I said, if you're kind of like, you put something together initially and then eventually you need more developer help, and we'll hand things off to the developers and say, like, you guys need to enforce this going forward, right?
And I'll introduce you to that team and everything going forward in case they have questions and stuff. But we'll let you be like the expert and set the pathway, and then we'll just make sure it's being enforced and that everybody's doing what they should. Okay, sounds like the idea, definitely.
I'm gonna be pestering you with lots of questions though, so... Yeah, no problem. Okay, nice one.
So I'll crack on with the file and definitely it's gonna have something to get your feedback, I'm hoping, this week. Possibly next week. I'll work on getting you the data access today, or tomorrow, and see how fast we can do that done, get that done, and then I will let you know how to share...
Probably what I'll do is just download all the files desktop for you and put them in a folder somewhere so you can just grab them from there. Yeah, please. That would be a lot of help. Helpful. Okay.
Okay, cool. Nice one. Nice talking to you.
Thanks, Chris. See you. Talk to you soon.
Bye-bye. Bye-bye. One minute.
Yes, I'm here. I'm here. I'm here.
What's up, Alexander? Is there a house? Oh, yes!
Where? And this lock is practical Yes? Hi Hi How are you? You have nice cards today I do? You look like an old man who has similar cards Yes, I have to take it I have to go today Mom!
Yes, wait, I have to go Do I have to go today? Mom, am I going to the gym today? But why? Because yesterday I had these two, seriously, I'm tired. Mom!
Thank you.