Author Topic: Skin help needed  (Read 4461 times)

0 Members and 1 Guest are viewing this topic.

Offline afrocuban

  • Older Power User
  • *****
  • Posts: 362
    • View Profile
Skin help needed
« on: November 01, 2020, 03:04:51 pm »
So, I'm using my own skin, and want to include in it all possible data. I have included also custom fields IMDB_Series-year and Seasons-Episodes.

This is the code I used:
Code: [Select]
<row>
                      <column space="0" halign="center" valign="top">IMDB Series Year &amp; Number of Episodes/Seasons:
  <label>
                          <font>
                            <italic/>
                            <bold/>
                          </font>
                          <caption>***</caption>
                        </label>
<spacer width="2"/><label>
                          <font>
                            <italic/>
                            <bold/>
                          </font>
                            <color>$003399</color>
                          </label><custom halign="left" width="172" field="IMDB_Series-year" />
<spacer width="2"/><label>
                          <font>
                            <italic/>
                            <bold/>
                          </font>
                            <color>$003399</color>
                          </label>
  <label>
                          <font>
                            <italic/>
                            <bold/>
                          </font>
                          <caption>***</caption>
                        </label>
<spacer width="2"/><label>
                          <font>
                            <italic/>
                            <bold/>
                          </font>
                            <color>$003399</color>
                          </label>
  <label>
                          <font>
                            <italic/>
                            <bold/>
                          </font>
                          <caption>Number of Episodes/Seasons:</caption>
                        </label>
<spacer width="0"/><label>
                          <font>
                            <italic/>
                            <bold/>
                          </font>
                            <color>$003399</color>
                          </label><label>
                          <font>
                            <italic/>
                            <bold/>
                          </font>
                            <color>$003399</color>
                          </label><custom halign="left" field="Seasons-Episodes" /></column>
                    </row>

But no matter what I do, I get it left aligned as in the screenshot below:




Can someone help me how to get this centered on the page as I faked it in the screenshot below:



Thank you in advance

Offline Ivek23

  • Global Moderator
  • *****
  • Posts: 2514
    • View Profile
Re: Skin help needed
« Reply #1 on: November 01, 2020, 04:37:30 pm »
For easier help, attach your skin. This title " IMDB Series Year & amp; Number of Episodes / Seasons: " should be visible or invisible. Then I may be able to solve the problem.
Ivek23
Win 10 64bit (32bit)   PVD v0.9.9.21, PVD v1.0.2.7, PVD v1.0.2.7 + MOD


Offline afrocuban

  • Older Power User
  • *****
  • Posts: 362
    • View Profile
Re: Skin help needed
« Reply #2 on: November 01, 2020, 05:49:57 pm »
Here is my skin. Thank you very much in advance

Offline Ivek23

  • Global Moderator
  • *****
  • Posts: 2514
    • View Profile
Re: Skin help needed
« Reply #3 on: November 01, 2020, 07:53:14 pm »
Here is my skin. Thank you very much in advance

Thanks for the skin, it is very useful. This also made it easier for me to find a solution.

You are replacing this piece of code

Quote
                      <column space="0" halign="center" valign="top">IMDB Series Year &amp; Number of Episodes/Seasons:
                 <label>
with that piece of code
Quote
                      <column space="0" halign="right" valign="top">IMDB Series Year &amp; Number of Episodes/Seasons:
                 <label>
and it should be the way you want it.
Ivek23
Win 10 64bit (32bit)   PVD v0.9.9.21, PVD v1.0.2.7, PVD v1.0.2.7 + MOD


Offline afrocuban

  • Older Power User
  • *****
  • Posts: 362
    • View Profile
Re: Skin help needed
« Reply #4 on: November 01, 2020, 08:51:15 pm »
Thanks for the fast response, but unfortunately, that didn't do the trick. I tried all alignments without success. As I understand, the problem is to move the content of the column to the center or right, and not the column itself. In the screenshot below, I have edited record, and before that put "right" alignment both on the column and on the Sreies_Year field, but it's still left aligned. Note in the code that I put autosize to "true" in order this to be visible.



Code: [Select]
<column space="0" halign="right" autosize="true" valign="top">IMDB Series Year &amp; Number of Episodes/Seasons:
  <label>
                          <font>
                            <italic/>
                            <bold/>
                          </font>
                          <caption>***</caption>
                        </label>
<spacer width="2"/><label>
                          <font>
                            <italic/>
                            <bold/>
                          </font>
                            <color>$003399</color>
                          </label><custom halign="right" field="IMDB_Series-year" />

Offline afrocuban

  • Older Power User
  • *****
  • Posts: 362
    • View Profile
Re: Skin help needed
« Reply #5 on: November 01, 2020, 08:59:40 pm »
If I could, at least, put some kind of spacer in front of the column which would move it to the center, but that also didn't work for me...

Offline Ivek23

  • Global Moderator
  • *****
  • Posts: 2514
    • View Profile
Re: Skin help needed
« Reply #6 on: November 01, 2020, 09:51:40 pm »
How about this.

Quote
<column space="0" halign="left" autosize="true" valign="top">IMDB Series Year &amp; Number of Episodes/Seasons:
                 <label>
                          <font>
                            <italic/>
                            <bold/>
                          </font>
                          <caption>                      ***</caption>
                        </label>
                  <spacer width="2"/><label>
                          <font>
                            <italic/>
                            <bold/>
                          </font>
                            <color>$003399</color>
                          </label><custom halign="right" field="IMDB_Series-year" />

If you want even more right in the skin, then add even more space between the <caption> and the ***</caption> .
Ivek23
Win 10 64bit (32bit)   PVD v0.9.9.21, PVD v1.0.2.7, PVD v1.0.2.7 + MOD


Offline afrocuban

  • Older Power User
  • *****
  • Posts: 362
    • View Profile
Re: Skin help needed
« Reply #7 on: November 02, 2020, 01:33:08 am »
Thanks, but my thinking wasn't right so I mislead you with getting ideas. That trick would do the thing, but only for one combination of content of both fields. Spacing "        *****" is still left aligned and will not center different number of seasons and episodes... Obviously, genuine "center" column position is the only solution, if viable at all, the one that will "push" content of both fields to the left and to the right in order to preserve centering...

Offline Ivek23

  • Global Moderator
  • *****
  • Posts: 2514
    • View Profile
Re: Skin help needed
« Reply #8 on: November 02, 2020, 08:32:03 am »
Quote
                   <row height="30">
                      <column space="110">Splitter<splitter/></column>
                    </row>
               <row>
                      <column space="0" halign="center" autosize="true" valign="top">IMDB Series Year &amp; Number of Episodes/Seasons:
                 <label>
                          <font>
                            <italic/>
                            <bold/>
                          </font>
                          <caption>                        *** </caption>
                        </label>
                  <spacer width="2"/><label>
                          <font>
                            <italic/>
                            <bold/>
                          </font>
                            <color>$003399</color>
                          </label><custom halign="left" width="202" field="IMDB_Series-year" />
                  <spacer width="2"/><label>
                          <font>
                            <italic/>
                            <bold/>
                          </font>
                            <color>$003399</color>
                          </label>
                  </column>
                    </row>
               <row>
                      <column space="0" halign="center" autosize="true" valign="top">IMDB Series Year &amp; Number of Episodes/Seasons:
                 <label>
                          <font>
                            <italic/>
                            <bold/>
                          </font>
                          <caption>                        *** </caption>
                        </label>
                  <spacer width="2"/><label>
                          <font>
                            <italic/>
                            <bold/>
                          </font>
                            <color>$003399</color>
                          </label>
                 <label>
                          <font>
                            <italic/>
                            <bold/>
                          </font>
                          <caption>Number of Episodes/Seasons:</caption>
                        </label>
                  <spacer width="0"/><label>
                          <font>
                            <italic/>
                            <bold/>
                          </font>
                            <color>$003399</color>
                          </label><label>
                          <font>
                            <italic/>
                            <bold/>
                          </font>
                            <color>$003399</color>
                          </label><custom halign="left" field="Seasons-Episodes" /></column>
                    </row>

In my opinion, this is the best solution for you.

At "IMDB_Series-year", I corrected so that the full record of when an episode was scheduled is now visible.
Ivek23
Win 10 64bit (32bit)   PVD v0.9.9.21, PVD v1.0.2.7, PVD v1.0.2.7 + MOD


Offline afrocuban

  • Older Power User
  • *****
  • Posts: 362
    • View Profile
Re: Skin help needed
« Reply #9 on: November 02, 2020, 09:36:35 pm »
Thank you Ivek. This was very useful and I'll keep experimenting.

Offline afrocuban

  • Older Power User
  • *****
  • Posts: 362
    • View Profile
Re: Skin help needed
« Reply #10 on: November 04, 2020, 09:34:24 am »
Hello! Is it possible to change the color of the list font found in Preferences->Appereance as well as awards tree in the skin? If it is possible, I guess it has to be done via pvconfig.ini, but I don't know how.

Quote
TreeFont=Verdana|10|100

Offline Ivek23

  • Global Moderator
  • *****
  • Posts: 2514
    • View Profile
Re: Skin help needed
« Reply #11 on: November 04, 2020, 06:42:54 pm »
Hello! Is it possible to change the color of the list font found in Preferences->Appereance as well as awards tree in the skin?

Yes, you can change the colors there. Here is one option for a change in the skin.
Quote
                    <row>
                      <column space="2" halign="center">
                        <splitter/>
                      </column>
                    </row>
                    <row>
                      <column space="0" halign="left" valign="top">
                        <awards>
                          <font>
                      <bold></bold>
                            <italic/>
                     <size>11</size>
                            <color>$1210AE</color>
                          </font>
                    <catfont>
                     <bold></bold>
                     <size>11</size>
                     <color>$AE0EAE</color>
                     </catfont>
                        </awards>

                      </column>
                      <column halign="center" valign="top">>Connections<custom field="Connections">
                          <font>
                            <color>$003399</color>
                          </font>
                        </custom></column>
                      <column space="0" halign="right" width="48" valign="top">
                        <fieldlabel field="mpaa" width="46">
                          <font>
                            <italic/>
                            <bold/>
                          </font>
                        </fieldlabel>
                      </column>
                      <column space="10" halign="left" width="268" valign="top">
                        <mpaa autosize="true"/>
                      </column>
                    </row>
                    <row>

If it is possible, I guess it has to be done via pvconfig.ini, but I don't know how.

Quote
TreeFont=Verdana|10|100

Unfortunately I don't have the right answer to this, but I don't think a change is possible in pvconfig.ini .
Ivek23
Win 10 64bit (32bit)   PVD v0.9.9.21, PVD v1.0.2.7, PVD v1.0.2.7 + MOD


Offline afrocuban

  • Older Power User
  • *****
  • Posts: 362
    • View Profile
Re: Skin help needed
« Reply #12 on: November 04, 2020, 09:01:14 pm »
Thanks Ivek! It work flawlessly!

Regarding movie list in the tree on the left, you think the font can only be black when not selected, or white when selected?




Offline Ivek23

  • Global Moderator
  • *****
  • Posts: 2514
    • View Profile
Re: Skin help needed
« Reply #13 on: November 05, 2020, 08:36:36 am »
Thanks Ivek! It work flawlessly!

I am pleased.

Regarding movie list in the tree on the left, you think the font can only be black when not selected, or white when selected?

Exactly as already said.
Ivek23
Win 10 64bit (32bit)   PVD v0.9.9.21, PVD v1.0.2.7, PVD v1.0.2.7 + MOD


Offline afrocuban

  • Older Power User
  • *****
  • Posts: 362
    • View Profile
Re: Skin help needed
« Reply #14 on: November 06, 2020, 02:15:53 am »
Thanks for clarification!

Still, I need help. When <title> is equal to <origtitle>, origtitle becomes invisible in the skin. Is there a way to force origtitle to be visible in the skin anyway?

I have created custom field 'Origtitle' and put
Code: [Select]
AddCustomFieldValueByName('Origtitle',ItemValue); in the IMDB_[EN][HTTPS].psf, but if forcing visibilty of origtitle is not possible, may I kindly ask yo to include 'Origtitle' as official custom field in the skin?

It's not a problem for me to manully paste the code line above on every script update, but the problem will be that, when the script update happens, I will for sure forget "why now Original Title is not imported?" and that I have to paste that line, hahahaha.

Thanks in advance.

P.S. I have resolved centering. I put everything in one column, and put spacer with appropriate width in front of the first item in the column:
Quote
<column space="10" halign="center" wordwrap="true">Custom Original Title label and Custom Original Title
               <spacer width="80"/>
                  <label autosize="true">Original Title<font>
                            <italic/>
                            <bold/>
                          </font><caption>Original Title:</caption></label>
               <custom field="Origtitle" autosize="true">Custom Original Title
                 <font>
                     <size>11</size>
                     <color>$FF9900</color>
                  </font>
                  </custom>
                  <label autosize="true">Localized title label<font>
                            <italic/>
                            <bold/>
                          </font><caption>Localized Title:</caption></label>
                  <title autosize="true">Localized title
                  <font>
                     <size>11</size>
                     <color>$FF9900</color>
                  </font>
                  </title>
                  </column>

Thanks for inspiring!
« Last Edit: November 06, 2020, 02:18:38 am by afrocuban »

Offline afrocuban

  • Older Power User
  • *****
  • Posts: 362
    • View Profile
Re: Skin help needed
« Reply #15 on: November 06, 2020, 11:03:58 pm »
It looks like fields containing URLs cannot be centered.

In the following example, I applied exactly the same formatting as in the code above, but in this case one field is linkified - "Director" field. Both codes, the code above and the following code, are presented in the screenshots of the skin (Original title and Title in one row, and Director in the row below it)

Quote
<column space="10" halign="center" wordwrap="true">Director(s) label and Director(s)
                  <spacer width="80"/>
                  <label autosize="true">Director(s) label
                    <font>
                            <italic/>
                            <bold/>
                          </font>
                    <caption>Director(s):</caption>
                  </label>
                  <human category="1" autosize="true">Director
                  </human>
                  </column>

And the result is absolutely different.



and here how edited skin looks like:



Am I doing something wrong, or this is the fact, by design? Can someone confirm please?
« Last Edit: November 06, 2020, 11:09:16 pm by afrocuban »

Offline Ivek23

  • Global Moderator
  • *****
  • Posts: 2514
    • View Profile
Re: Skin help needed
« Reply #16 on: November 07, 2020, 10:58:50 am »
Thanks for clarification!

Still, I need help. When <title> is equal to <origtitle>, origtitle becomes invisible in the skin. Is there a way to force origtitle to be visible in the skin anyway?

If <title> and <origtitle> have the same movie title, then the origtitle normal field is by no means visible. It is only possible in a custom box where it is always visible.

In the following example, I applied exactly the same formatting as in the code above, but in this case one field is linkified - "Director" field. Both codes, the code above and the following code, are presented in the screenshots of the skin (Original title and Title in one row, and Director in the row below it)

Attach the skin you are editing now for easier help so I can see and then respond more easily.

By the way, at this link you have more information for skins.

http://www.videodb.info/help/hlp_skins.html
« Last Edit: November 07, 2020, 09:00:41 pm by Ivek23 »
Ivek23
Win 10 64bit (32bit)   PVD v0.9.9.21, PVD v1.0.2.7, PVD v1.0.2.7 + MOD


Offline afrocuban

  • Older Power User
  • *****
  • Posts: 362
    • View Profile
Re: Skin help needed
« Reply #17 on: November 07, 2020, 01:07:39 pm »
Thanks Ivek. Of course I consult that link but no troubleshooting there. Here's the skin, lines 68-112. Skin is not finished, I just started to make it, basically, nothing after line 112 is finished

Offline Ivek23

  • Global Moderator
  • *****
  • Posts: 2514
    • View Profile
Re: Skin help needed
« Reply #18 on: November 07, 2020, 05:00:25 pm »
Thanks for the skin. I will look at it and test it, then help and answers will be easier. Maybe I'll know more tomorrow and maybe there will be some solution in sight, we'll see.
Ivek23
Win 10 64bit (32bit)   PVD v0.9.9.21, PVD v1.0.2.7, PVD v1.0.2.7 + MOD


Offline afrocuban

  • Older Power User
  • *****
  • Posts: 362
    • View Profile
Re: Skin help needed
« Reply #19 on: November 07, 2020, 06:24:53 pm »
Thanks a llot Ivek! "Wordwrap" seems to work only for labels, not for other fields, so we are pretty limited with that... So if I have a movie with the long title, for example, "Jim & Andy: The Great Beyond - Featuring a Very Special, Contractually Obligated Mention of Tony Clifton"
theres no way it's title to be seen in the skin in whole with the font size bigger than 14 or so because of the single line field... Who would say about such a strange limitation...
« Last Edit: November 07, 2020, 08:14:56 pm by afrocuban »

 

anything