Player Pane Text Resize

Anonynn
10 Nov 2016, 06:12

I know we can manipulate the actual text in the game with this command...

SetFontSize (ToInt(result))

But is there a way to do that for the text in the player panes as well? Just curious. :) Thank you ahead of time!


Anonynn
11 Nov 2016, 18:03

I was wondering if the pane codes might be buried somewhere in the Filter/Advanced Tree but nothing popped up as helpful.

First I tried "Pane" and "Panes" but nothing helpful appeared.
Then I tried "inventory" but the only thing that popped up that sounded like it might be similar was the "EditorGameShowpanesInventory" but nothing about the text size was imbedded in it.

--- I wonder if it could be in the Javascript route like this;

JS.eval ("$('#inventoryAccordion.ui-widget-content').css('background', 'black')")
JS.eval ("$('#inventoryAccordion.ui-widget-content').css('color', 'grey')")
JS.eval ("$('#inventoryLabel').css('background', 'black')")
JS.eval ("$('#inventoryLabel').css('color', 'grey')")

Nothing so far :) I'll keep you guys posted.


OurJud
11 Nov 2016, 18:08

Can you not just do it with CSS? Find out the name of the selector for the text in question and say:

.whatever {font-size: 12px;}


Anonynn
11 Nov 2016, 18:23

That's part of the problem :) ((And I don't know diddly-squat about CSS!))


OurJud
11 Nov 2016, 21:19

Okay, I don't use panes of any sort, so can you please explain exactly what you mean by the 'text in the player panes'.


OurJud
11 Nov 2016, 21:40

Right, the selector name for the pane headings (Inventory, Places and Objects and Compass) is: h3 .accordion-header-text

The lists in Inventory and Places and Objects is: .elementList li

So:

h3.accordion-header-text {font-size: 12px;}

Will control the size of the pane header text (change the value of 12px up or down to for bigger/smaller font)
And:

.elementList li {font-size: 12px;}

Will change the size of the text in the lists.

These would go in your game code's CSS. If you don't have a CSS block in your game's code, then you need to add one. Follow The Pixie's instructions here: http://textadventures.co.uk/forum/quest/topic/cbsoydnuxkynv_d7ag2nla/removing-command-border#9fb40ed3-2198-42c9-b9aa-ecbd18f0c922

Where The Pixie had said:

#txtCommand {
          outline:none;
          border: none;
        }

Replace it with:

h3.accordion-header-text {font-size: 12px;}
.elementList li {font-size: 12px;}