none
Reducing Application Pane Font Size

    Question

  • Does anybody have any advice for reducing the font size of the treelist in the Applications pane?

    Thanks!

    -Easton

    Thursday, August 29, 2013 12:21 AM

Answers

  • It looks like it's in the BuildHTML_Folder function in ZTIConfigFile.vbs (around line 750-761).  You could try adding to the style on the div and see if that makes the children the tiny size you want.  That's the only function I could find in the scripts that build the Folder Nodes, but it may be somewhere else, too.

    David Coulter | http://DCtheGeek.blogspot.com | @DCtheGeek

    • Marked as answer by weaston Thursday, August 29, 2013 2:55 AM
    Thursday, August 29, 2013 1:50 AM
    Answerer

All replies

  • You could manually modify the pane since it's just an XML file with some HTML / VBScript (Scripts\DeployWiz_Applications.xml).  You may also want to check out the MDT Wizard Studio on Codeplex (http://mdtwizardstudio.codeplex.com/).

    David Coulter | http://DCtheGeek.blogspot.com | @DCtheGeek

    Thursday, August 29, 2013 1:04 AM
    Answerer
  • Thanks for the response DCtheGeek.

    My first attempt looked like this:

    <div class=TreeList id=AppListBox style="font-size: 3px !important; height: expression( GetDynamicListBoxSize(this) );">

    My addition just being the font-size: 3px in the style section. Unfortunately it only seems to effect the root level folders and not the applications or nested folders. As an example the result looks kinda like this:

    Applications (Tiny)
       |---- Pre-Licensed (Normal)
       |---- Unlicensed (Normal)
       |---- Chrome (Normal)
       |---- Firefox (Normal)

    Do you think there is a way to effect the leaf nodes with the smaller font-size?
    • Edited by weaston Thursday, August 29, 2013 1:09 AM
    Thursday, August 29, 2013 1:08 AM
  • It looks like it's in the BuildHTML_Folder function in ZTIConfigFile.vbs (around line 750-761).  You could try adding to the style on the div and see if that makes the children the tiny size you want.  That's the only function I could find in the scripts that build the Folder Nodes, but it may be somewhere else, too.

    David Coulter | http://DCtheGeek.blogspot.com | @DCtheGeek

    • Marked as answer by weaston Thursday, August 29, 2013 2:55 AM
    Thursday, August 29, 2013 1:50 AM
    Answerer
  • DCtheGeek -- I came to that exact conclusion and found that modifying the BuildHTML_Element allowed me to change the individual items and BuildHTML_Folder allowed me to modify the individual folder.

    I lit up a test environment to mess with the interface. This is what I started with:

    and this is what I ended up with 

    The primary modifications were to change the font size and color on the comments and make them lineup with the application names instead of hitting the left side of the box on the second line, modifying the checkbox and font size for individual applications and modifying the text size for the folders. Finally I added an extra space between the icon and the name and removed a space between the checkbox and the icon.


    • Edited by weaston Thursday, August 29, 2013 2:40 AM
    Thursday, August 29, 2013 2:37 AM
  • Very Nice. Care to share the code and adjustments for others?

    another way is to adjust the style sheet. Wizard.css in the script folder.

    .TreeList{	width: 95%;	border: 1px dotted;	height: expression( GetDynamicListBoxSize(this) );	overflow: auto;	background-color: white;}.TreeItem{	font-size: 8pt;	color: #000000;}.TreeDir{	margin-left: 18px;}.TreeDirLabel{	font-size: 8pt;	color: #3333CC;}

    Thursday, August 29, 2013 2:31 PM
  • Change: Make comments smaller, gray and aligned with the application name.

    Line 685

    Before:

    sComments = "<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" & sComments & "</div>"

    After:

    sComments = "<div><span style='display: inline-block; color: #a0a0a0; padding-font-size:10px; text-transform:uppercase;'>" & sComments & "</span></div>"


    Change: Reduce application text size and checkbox size

    Line 702 and 703

    Before:

    BuildHTML_Element = BuildHTML_Element & "<input name=" & sEnabledElements & " type=" & sButtonStyle & " id='" & sFolderGuid & "-" & sGuid & "' value='" & sGuid & "' " & sIsChecked & "/><img src='" & sItemIcon & "' />"
    
    BuildHTML_Element = BuildHTML_Element & "<label for='" & sFolderGuid & "-" & sGuid & "' class=TreeItem>" & sName & "</label>&nbsp;&nbsp;" & sComments & "</div>"


    After:

    BuildHTML_Element = BuildHTML_Element & "<input name=" & sEnabledElements & " type=" & sButtonStyle & " style='width:13px; height:13px; vertical-align:middle' id='" & sFolderGuid & "-" & sGuid & "' value='" & sGuid & "' " & sIsChecked & "/><img src='" & sItemIcon & "' />"
    
    BuildHTML_Element = BuildHTML_Element & "<label for='" & sFolderGuid & "-" & sGuid & "' class=TreeItem style='font-size: 12px;'>  " & sName & "</label>&nbsp;&nbsp; " & sComments & "</div>"


    Change: Change folder text size

    Line: 755

    Before: 

    BuildHTML_Folder = "<img src='FolderIcon.png' /><label class=TreeDirLabel for='" & sGuid & "-Icon'>" & sName & "</label>&nbsp;&nbsp;" & sComments & "</div>" & BuildHTML_Folder

    After:

    BuildHTML_Folder = "<img src='FolderIcon.png' /><label class=TreeDirLabel for='" & sGuid & "-Icon' style='font-size: 14px;'>" & sName & "</label>&nbsp;&nbsp;" & sComments & "</div>" & BuildHTML_Folder

    • Edited by weaston Thursday, August 29, 2013 5:47 PM
    Thursday, August 29, 2013 5:45 PM