How to make the font and input fields bigger for this window?


#1

How can i make the font and edit fields bigger, It’s really to tiny on my screen to work without moving staring to the screen. Possible need to change the window size for the entities properties window too ? In wich script(s) do i need to look ?

But then you still have problem that with every update you need to redo itt or using old script. but i have the idea that it can be solved by add a font size selector then. And hope the code can put back in the main one.

But wich scripts ? If that window is done by scripts ?


#2

The window it self is created by html, so editing this with larger fonts should help, slightly.

Specifically:

  • html/entityProperties.html, defined in line 1242 of edit.js
  • html/entityList.html
  • html/style.css <- reference to ALL text sizes in all uis that use it. just go through all entries containing font-size, and make them larger. As of the moment most seem to be between 9 pt and 11 pt.

#3

Aha, thanks @menithal that explains better how the did it. always where thinking the did it different. When i finished my new building i need to look into it.


#4

Found it. Nevermind. C:\Users[[username]]Documents\High Fidelity\Scripts\html


Ok, so mods to the CSS file do not seem to matter to Interface. I’ve gone as far as updating the following line to use a different CSS, but it didn’t change things [several restarts of scripts plus Interface reboots]: src=“style_AVD.css” within the aforementioned files.

This leads me to believe that I have the wrong file location and/or stale versions of Interface hanging around my filesystem from verA-C. :wink: so… can someone please point me in the right direction? I’m a Web Developer by trade, and just trying to stay sharp on my off day. :smile:

I’ve been screwing around with this for roughly 2 hours. I’m done. Someone else can figure it out; maybe make a video of it so it can be replicated. 'preciate it. :smile:


#5

@AlphaVersionD If you hover your mouse over the list of running scripts (File > Running Scripts) you’ll probably see that they’re being downloaded from the Web. You’ll need to stop the edit.js that’s running and then run your local, edited copy (“from Disk” button in the Running Scripts dialog).

Note: You should make a copy of the script files and edit them in another location on your hard drive because the next time you Install Interface they will be overwritten in their default locations.


#6

You sir, are fantastic, and the offices of HiFi should adhere to your demands.



Hey @Richardus.Raymaker standby for larger fonts. :smiley:

You might need to perform your cache trick ?v=[number] and load edit.js from local, and the recommendation @ctrlaltdavid made about changing the filename, but if you are willing to do all of the above, you get the following with this:

[code]* {
}

body {
margin: 0;
padding: 0;

background-color: rgb(76, 76, 76);
color: rgb(204, 204, 204);
font-family: Arial;
font-size: 18px;

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

}

.selectable {
-webkit-touch-callout: text;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;

cursor: text;

}

.color-box {
display: inline-block;
width: 15pt;
height: 15pt;
border: 0.75pt solid black;
margin: 1.5pt;
cursor: pointer;
}

.color-box.highlight {
width: 13.5pt;
height: 13.5pt;
border: 1.5pt solid black;
}

.section-header, .sub-section-header {
background: #AAA;
border-bottom: 0.75pt solid #CCC;
background-color: #333333;
color: #999;
padding: 3pt;
padding-top: 6pt;
}

.section-header label, .sub-section-header label {
font-weight: bold;
font-size: 22px;
}

.sub-section-header {
padding-top: 4px;
}

.sub-section-header label {
font-size: 18px;
}

.multi-property-section {
}

.property-section {
display: block;
margin: 10 10;
height: 22.5pt;
}

.property-section label {
font-weight: bold;
}

.property-section span {
float: right;
}

.grid-section {
}

input[type=button] {
cursor: pointer;
background-color: #608e96;
border-color: #608e96;
border-radius: 3.75pt;
padding: 3.75pt 7.5pt;
border: 0;
color: #fff;
font-weight: bold;
}

#entity-list-header {
padding: 0.5em;
}

#search-area {
padding: 0.5em;
box-sizing: border-box;
padding-right: 6em;
}

#filter {
width: 99%;
}

#radius-and-unit {
width: 6em;
float: right;
margin-right: -6em;
}

#radius {
width: 4em;
}

textarea, input {
margin: 0;
padding: 1.5pt;
border: 0.75pt solid #999;
background-color: #eee;
}

textarea {
width: 100%;
resize: vertical;
}

input.url {
width: 100%;
}

input.coord {
width: 7em;
display: block;
}

input.no-spin::-webkit-outer-spin-button,
input.no-spin::-webkit-inner-spin-button {
display: none;
-webkit-appearance: none;
-moz-appearance: none;
margin: 0; /* <-- Apparently some margin are still there even though it’s hidden */
}

table#entity-table {
border-collapse: collapse;
font-family: Sans-Serif;
font-size: 18px;
width: 100%;
}

#entity-table tr {
cursor: pointer;
border-bottom: 0.75pt solid rgb(63, 63, 63)
}

#entity-table tr.selected {
color: rgb(43, 43, 43);
background-color: #AAA;
}

#entity-table th {
background-color: #333;
color: #fff;
border: 0pt black solid;
text-align: left;
word-wrap: nowrap;
white-space: nowrap;
}

#entity-table td {
font-size: 18px;
border: 0pt black solid;
word-wrap: nowrap;
white-space: nowrap;
text-overflow: ellipsis;
}

#entity-table td.url {
white-space: nowrap;
overflow: hidden;
}

th#entity-type {
width: 33.75pt;
}

div.input-area {
display: inline-block;
font-size: 18px;
}

input {
}

#type, #id {
font-size: 18px;
}

#type label, #id label {
color: rgb(150, 150, 150);
}

input, textarea {
background-color: rgb(63, 63, 63);
color: rgb(255, 255, 255);
border: none;
font-size: 18px;
}

input:disabled, textarea:disabled {
background-color: rgb(63, 63, 63);
color: rgb(160, 160, 160);
}

#properties-list input[type=checkbox] {
vertical-align: bottom;
}

#properties-list input[type=button] {
cursor: pointer;
background-color: rgb(51, 102, 102);
border-color: #608e96;
border-radius: 3.75pt;
padding: 3.75pt 7.5pt;
border: 0;
color: rgb(204, 204, 204);
}

#properties-list input[type=button]:disabled {
background-color: rgb(41, 82, 82);
color: rgb(160, 160, 160);
}

#properties-list .property {
padding: 4pt;
border-bottom: 0.75pt solid rgb(63, 63, 63);
min-height: 12pt;
}

table#properties-list {
border: none;
border-collapse: collapse;
width: 100%;
background-color: #efefef;
font-family: Arial;
table-layout: fixed;
}

#properties-list {
border-bottom: 0.75pt solid #e5e5e5;
}

#properties-list .label {
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
height: 1.2em;
}

#properties-list .label input[type=button] {
float: right;
padding: 0 5px 1px;
}

#properties-list .value > div{
padding: 3pt 0;
}

col#col-label {
width: 97.5pt;
}

div.outer {
position: relative;
}
div.inner {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
position: absolute;
width: 100%;
}

td {
vertical-align: top;
}

#no-entities {
display: none;
font-size: 120%;
padding: 10pt;
font-weight: bold;
font-style: italic;
}

input[type=“number”] {
position: relative;
}

/* Spin Buttons modified - credit for original implementation goes to http://jsfiddle.net/Volker_E/WwfW9/ /
input[type=“number”]::-webkit-outer-spin-button,
input[type=“number”]::-webkit-inner-spin-button {
-webkit-appearance: none;
background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center;
width: 0.9em;
height: 4px;
opacity: 0.5; /
shows Spin Buttons per default (Chrome >= 39) */
top: 0;
right: 0;
bottom: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}

input[type=“number”]::-webkit-inner-spin-button:hover,
input[type=“number”]::-webkit-inner-spin-button:active{
opacity: .8;
}

input#property-name {
width: 100%;
}

.color-picker {
width: 50px;
height: 10px;
margin: 5px;
border: 1px solid white;
}[/code]


#7

Thanks @AlphaVersionD, i know css. copied your css file for test. Now feels silly. But that looks laready better.

There are just so many things to learn and so many changes. that some things drop lower on the list.

High Fidelity get better every week.