[kittmaster]

This is what I am shooting for with the picker, need to figure out how to do it: 

[mikeSiLVO]

So I added the file to the package and added the control in. It "worked" but clearly I'm missing something. The fonts are large and uncontrolled, the picker itself is not conducive the rest of the skin where the other color picker is windowed with options... so a lot more on my end needs to be learned here.

I don't really "get" how this works... like, how does it know to be on the subtitles pages and not other pages.... on the SettiingsCategories.xml... Here are some pics anyway.

Kodi uses the built-in controls as a template so things like the colorbutton only appear when needed.

As for the colorbutton, based on the pic you posted, the include you are using is for the left menu so that is why the font is bigger.

You would need to add the button defaults and the other tags missing to make the colorbutton match the rest of the skins buttons.

This should work:

xml:
		<control type="colorbutton" id="15">

			<texturefocus border="10" colordiffuse="$VAR[PanelHighlightColorVar]">buttons/list-select-focus.png</texturefocus>

			<texturenofocus border="30" colordiffuse="$VAR[PanelListSeparatorColorVar]">buttons/list-select-nofocus.png</texturenofocus>

			<font>Font30_Reg</font>

			<aligny>center</aligny>

			<textcolor>$VAR[PanelSubTextColorVar]</textcolor>

			<focusedcolor>$VAR[PanelFocusTextColorVar]</focusedcolor>

			<disabledcolor>$VAR[PanelDisabledTextColorVar]</disabledcolor>

			<invalidcolor>invalid</invalidcolor>

			<pulseonselect>false</pulseonselect>

			<width>1395</width>

			<height>67</height>

			<textoffsetx>35</textoffsetx>

			<colorwidth>100</colorwidth>

			<colorheight>40</colorheight>

			<texturecolormask>colors/white.png</texturecolormask>

			<texturecolordisabledmask colordiffuse="40FFFFFF">colors/white.png</texturecolordisabledmask>

		</control>

The last 4 lines are optional if you do not want to see the color "icon".

Not sure what you did with DialogColorPicker.xml but if you just copy/pasted the one from Amber then you would need to update it for Madnox specific changes.

Adding

xml:
			<include content="DialogBackground">

				<param name="width" value="953"/>

				<param name="height" value="535"/>

				<param name="id">1</param>

				<param name="diffusetexture">diffuse/rounded10-877x470.png</param>

			</include>

to replace

xml:
			<!-- background panel -->

			<control type="image">

				<texture border="40">dialogs/TinyDialog.png</texture>

				<colordiffuse>$VAR[DialogBGColor]</colordiffuse>

			</control>

That should get you started with seeing a dialog background, and then you can further adjust however you want.

[kittmaster]

Hi Mike,

First code block works great.

I downloaded from here:

https://github.com/xbmc/xbmc/blob/master...Picker.xml

I'm guessing that is not what I want to do.

I looked at amber you mentioned and I don't see the file to use as a reference.

I like the color icon in the menu...nice touch, I think I'll be including that elsewhere when possible.

Just need to sort the DialogColorPicker.xml thing first.... that first code block was a big help, I figured more was needed, I just couldn't put my finger on it, now I have a good reference. TY.

[kittmaster]

[kittmaster]

And it appears to be working, just have to fix the pop up box thing....

[mikeSiLVO]

Hi Mike,

First code block works great.

I downloaded from here:

https://github.com/xbmc/xbmc/blob/master...Picker.xml

I'm guessing that is not what I want to do.

I looked at amber you mentioned and I don't see the file to use as a reference.

I like the color icon in the menu...nice touch, I think I'll be including that elsewhere when possible.

Just need to sort the DialogColorPicker.xml thing first.... that first code block was a big help, I figured more was needed, I just couldn't put my finger on it, now I have a good reference. TY.

I'd suggest starting with script-skin_helper_service-ColorPicker.xml in Madnox instead of from another skin since it looks like that is what you want this dialog to resemble.

You can use the estuary version and the built-in controls wiki to modify it.

If anything doesn't work, let me know and I'll do my best to help.

If you can start a GitHub for the skin so I can see all code changes you make, it would be a lot easier than snippets or pics

[kittmaster]

Hi Mike,

First code block works great.

I downloaded from here:

https://github.com/xbmc/xbmc/blob/master...Picker.xml

I'm guessing that is not what I want to do.

I looked at amber you mentioned and I don't see the file to use as a reference.

I like the color icon in the menu...nice touch, I think I'll be including that elsewhere when possible.

Just need to sort the DialogColorPicker.xml thing first.... that first code block was a big help, I figured more was needed, I just couldn't put my finger on it, now I have a good reference. TY.

I'd suggest starting with script-skin_helper_service-ColorPicker.xml in Madnox instead of from another skin since it looks like that is what you want this dialog to resemble.

You can use the estuary version and the built-in controls wiki to modify it.

If anything doesn't work, let me know and I'll do my best to help.

If you can start a GitHub for the skin so I can see all code changes you make, it would be a lot easier than snippets or pics

Ok, so this may be a 101 thing that is just blasting right over my head. I am missing something fundamentally because the operational logic doesn't jive with what I see "so far", so forgive my ignorance on this inquiry.

I did see the script file prior to your post, and your response confirmed my initial thoughts. I'm am getting the gist of how the page.xml and IDs are linked to the pages they work with.

Now, with what you told me to do and reviewing the Estuary skin. My fundamental FUBAR is........ "How do I call it?". What I mean is, when you corrected the formatting, what you did with all the tags, "makes perfect sense" in that instant to align the text, format it etc etc.... but what is not clicking is what is "calling" the DialogColorPicker.xml, but I'm pretty sure it is the colorbutton "id=15" which makes sense to me... now being that is the case, I'm trying to reconcile what I need to modify to call the script file in question....do I reform the control we just fixed in the SettingsCatagory.xml to call my script and incorporate the colorbutton id=15 in my script file?

Because right now it is popping up the colors as soon as you click colors, which is a button, so I'm just trying to sort out how the logic flow works as I haven't really had to change any form of dialogs yet and this is one of those moments.

I can do the work, I just need to wrap my head around the methodology. Is that the right track?

[mikeSiLVO]

I should have been more clear. What I wanted to say was make a copy of the color picker script file I mentioned earlier, rename it DialogColorPicker.xml. Then change all the control ids to match the ones necessary for the dialog on the built-in controls wiki.

Quick look is deleting all the buttons except 1 and changing it to id=“7” and since Kodi core would set the label, remove the label tag or make empty with <label />.

Change type="panel" id="3110"> to id=“6” and basically remove everything else besides the header label which needs id=“1”

On mobile so anything more specific will have to come later when I can get to my PC :)

[kittmaster]

I should have been more clear. What I wanted to say was make a copy of the color picker script file I mentioned earlier, rename it DialogColorPicker.xml. Then change all the control ids to match the ones necessary for the dialog on the built-in controls wiki.

Quick look is deleting all the buttons except 1 and changing it to id=“7” and since Kodi core would set the label, remove the label tag or make empty with <label />.

Change type="panel" id="3110"> to id=“6” and basically remove everything else besides the header label which needs id=“1”

On mobile so anything more specific will have to come later when I can get to my PC

LOL...Mike.

I did exactly that and found my way.... I have it partially working.... 

[kittmaster]

I got 95% of it working, I just have 2 tweaks I'd like to make, not sure how to make them, any thoughts? Anyway, here is a video of it operational and the video will show the inquiry questions.

http://www.kittmaster.com/imagedump/kodi...itles.html

[mikeSiLVO]

I got 95% of it working, I just have 2 tweaks I'd like to make, not sure how to make them, any thoughts? Anyway, here is a video of it operational and the video will show the inquiry questions.

http://www.kittmaster.com/imagedump/kodi...itles.html

My guess would be that the width and height of the controls are set to the item and focused layout limits, but if you post or link to DialogColorPicker.xml, I'd be able to check.

[kittmaster]

Here is the entire file:

xml:




<?xml version="1.0" encoding="UTF-8"?>

<window>

    <defaultcontrol>6</defaultcontrol>

    <include>AnimationDialogPopupWindow</include>

    <onunload>ClearProperty(colorstring)</onunload>

    <controls>

        <control type="group">

            <include content="DialogBackground">

                <description>Window Header Label</description>

                <param name="width" value="953"/>

                <param name="height" value="535"/>

                <param name="id">1</param>

                <param name="diffusetexture">diffuse/rounded10-877x470.png</param>

            </include>

            <!-- Left Side Panel -->

            <control type="grouplist" id="9">

                <left>20</left>

                <top>90</top>

                <width>350</width>

                <height>420</height>

                <onright>60</onright>              

                <control type="button" id="7">

                    <description>Cancel Button</description>

                    <width>350</width>

                    <include>DialogButton</include>

                </control>

            </control>

            <control type="image">

                <top>90</top>

                <left>370</left>

                <bottom>71</bottom>

                <width>4</width>

                <texture colordiffuse="$VAR[PanelListSeparatorColorVar]">panels/line-vertical.png</texture>

            </control>

            <control type="image">

                <bottom>70</bottom>

                <left>20</left>

                <right>20</right>

                <height>70</height>

                <texture border="30" colordiffuse="$VAR[PanelListSeparatorColorVar]">buttons/list-select-nofocus.png</texture>

            </control>

            <!-- Color picker panel -->

            <control type="panel" id="6">

                <left>391</left>

                <top>110</top>36

                <width>504</width>498

                <height>336</height>            

                <pagecontrol>60</pagecontrol>

                <onleft>60</onleft>

                <pagecontrol>60</pagecontrol>

                <include>ContainerScrollTime</include>

                <viewtype label="100">icon</viewtype>

                <itemlayout height="84" width="84">

                    <control type="group">

                        <control type="image">

                            <top>3</top>

                            <left>8</left>

                            <width>84</width>

                            <height>84</height>

                            <texture>buttons/color-back.png</texture>

                        </control>

                        <control type="image">

                            <top>3</top>

                            <left>8</left>

                            <width>84</width>

                            <height>84</height>

                            <texture border="0">colors/white.png</texture>

                            <colordiffuse>$INFO[ListItem.Label2]</colordiffuse>

                            <aspectratio>stretch</aspectratio>

                        </control>

                    </control>

                </itemlayout>

                <focusedlayout height="78" width="78">

                    <control type="group">

                        <animation effect="zoom" time="200" tween="sine" easing="inout" start="100" end="124" center="auto">Focus</animation>

                        <control type="image">

                            <top>3</top>

                            <left>8</left>

                            <width>84</width>

                            <height>84</height>

                            <texture>buttons/color-back.png</texture>

                        </control>

                        <control type="image">

                            <top>3</top>

                            <left>8</left>

                            <width>84</width>

                            <height>84</height>

                            <texture border="0">colors/white.png</texture>

                            <colordiffuse>$INFO[ListItem.Label2]</colordiffuse>

                            <aspectratio>stretch</aspectratio>

                        </control>

                    </control>

                </focusedlayout>

            </control>

            <control type="label">

                <description>Color pallette page counter</description>

                <bottom>21</bottom>

                <right>60</right>

                <width>460</width>

                <height>50</height>

                <align>right</align>

                <font>Font25_Cond</font>

                <textcolor>$VAR[PanelSubTextColorVar]</textcolor>

                <label>$INFO[Container(6).NumItems,, $LOCALIZE[14078]]$INFO[Container(6).CurrentPage, - $LOCALIZE[31000] (]$INFO[Container(6).NumPages,/,)]</label>

            </control>

            <control type="label">

                <description>Selected color label</description>

                <bottom>21</bottom>

                <left>60</left>

                <width>460</width>

                <height>50</height>

                <font>Font25_Cond</font>

                <textcolor>$VAR[PanelSubTextColorVar]</textcolor>

                <focusedcolor>$VAR[PanelFocusTextColorVar]</focusedcolor>

                <label>$VAR[ColorPickerLabelVar2]</label>

            </control>

            <control type="scrollbar" id="60">

                <onleft>9</onleft>

                <onright>6</onright>

                <left>350</left>

                <include>DialogScrollBar</include>

            </control>

        </control>

    </controls>

</window>

[kittmaster]

I got 95% of it working, I just have 2 tweaks I'd like to make, not sure how to make them, any thoughts? Anyway, here is a video of it operational and the video will show the inquiry questions.

http://www.kittmaster.com/imagedump/kodi...itles.html

My guess would be that the width and height of the controls are set to the item and focused layout limits, but if you post or link to DialogColorPicker.xml, I'd be able to check.

I'm not pushing things to GitHub because I don't want people with fragmented installs because they would end up downloading half baked stuff. So that is why I copy and pasted it here. Once I get past the colors and the media flags, I'll be doing a complete push of it all and up rev it, I just don't want to mess up people stuff or have it notify people of defective installs. Thanks for taking the time the hard way.

[mikeSiLVO]

Try this:

xml:
<?xml version="1.0" encoding="UTF-8"?>

<window>

	<defaultcontrol>6</defaultcontrol>

	<include>AnimationDialogPopupWindow</include>

	<onunload>ClearProperty(colorstring)</onunload>

	<controls>

		<control type="group">

			<include content="DialogBackground">

				<description>Window Header Label</description>

				<param name="width" value="953"/>

				<param name="height" value="535"/>

				<param name="id">1</param>

				<param name="diffusetexture">diffuse/rounded10-877x470.png</param>

			</include>

			<!-- Left Side Panel -->

			<control type="grouplist" id="9">

				<left>20</left>

				<top>90</top>

				<width>350</width>

				<height>420</height>

				<onright>60</onright>

				<control type="button" id="7">

					<description>Cancel Button</description>

					<width>350</width>

					<include>DialogButton</include>

				</control>

			</control>

			<control type="image">

				<top>90</top>

				<left>370</left>

				<bottom>71</bottom>

				<width>4</width>

				<texture colordiffuse="$VAR[PanelListSeparatorColorVar]">panels/line-vertical.png</texture>

			</control>

			<control type="image">

				<bottom>70</bottom>

				<left>20</left>

				<right>20</right>

				<height>70</height>

				<texture border="30" colordiffuse="$VAR[PanelListSeparatorColorVar]">buttons/list-select-nofocus.png</texture>

			</control>

			<!-- Color picker panel -->

			<control type="panel" id="6">

				<left>391</left>

				<top>110</top>

				<width>504</width>

				<height>336</height>

				<pagecontrol>60</pagecontrol>

				<onleft>60</onleft>

				<include>ContainerScrollTime</include>

				<viewtype label="100">icon</viewtype>

				<itemlayout height="84" width="84">

					<control type="image">

						<width>82</width>

						<height>82</height>

						<texture colordiffuse="$INFO[ListItem.Label2]">colors/white.png</texture>

					</control>

				</itemlayout>

				<focusedlayout height="84" width="84">

					<control type="group">

						<animation effect="zoom" time="200" tween="sine" easing="inout" start="100" end="124" center="auto">Focus</animation>

						<control type="image">

							<width>82</width>

							<height>82</height>

							<texture colordiffuse="$INFO[ListItem.Label2]">colors/white.png</texture>

							<bordertexture border="5">colors/black.png</bordertexture>

							<bordersize>5</bordersize>

						</control>

					</control>

				</focusedlayout>

			</control>

			<control type="label">

				<description>Color pallette page counter</description>

				<bottom>21</bottom>

				<right>60</right>

				<width>460</width>

				<height>50</height>

				<align>right</align>

				<font>Font25_Cond</font>

				<textcolor>$VAR[PanelSubTextColorVar]</textcolor>

				<label>$INFO[Container(6).NumItems,, $LOCALIZE[14078]]$INFO[Container(6).CurrentPage, - $LOCALIZE[31000] (]$INFO[Container(6).NumPages,/,)]</label>

			</control>

			<control type="label">

				<description>Selected color label</description>

				<bottom>21</bottom>

				<left>60</left>

				<width>460</width>

				<height>50</height>

				<font>Font25_Cond</font>

				<textcolor>$VAR[PanelSubTextColorVar]</textcolor>

				<label>$VAR[ColorPickerLabelVar2]</label>

			</control>

			<control type="scrollbar" id="60">

				<onleft>9</onleft>

				<onright>6</onright>

				<left>350</left>

				<include>DialogScrollBar</include>

			</control>

		</control>

	</controls>

</window>

[kittmaster]

Very nice, I'll have to do a diff to see what is different, that that'll do...... LOL.

Thank you!

Missed it by that much.... lmao.