In 2.4 one can include a treeview of albums along the left side of the gallery. This is enabled in the Gallery Control Settings page in the site admin area. By default, the width of this column is 15% of the browser width. You may want to increase or decrease this width, or convert it to a fixed pixel width. This can be done by adjusting the CSS.
Here is an example that increases the width to 25% of the browser window.
1. Open these two files in a text editor: ca_styles.css and gallery.css. They are in the \gs\styles\directory.
DNN Users: In DotNetNuke, the files are located in \DesktopModules\GalleryServerPro\gs\styles\ and have a name unique to each gallery. For example, the files for portal 0 are ca_styles_portal0.css and gallery_portal0.css.
2. In ca_styles.css, find this line:
Code:.gsp_ns .tv1TreeView {padding:5px 0 0 0;cursor:default;float:left;width:15%;min-height:100px;}
Change it to:
Code:.gsp_ns .tv1TreeView {padding:5px 0 0 0;cursor:default;float:left;width:25%;min-height:100px;}
3. In gallery.css, find these two lines:
Code:.gsp_ns .gsp_treeviewBuffer {margin-left:15% !important;}
.gsp_ns .gsp_treeviewBufferFullWidth {width:85%;margin-left:15% !important;}
Change them to:
Code:.gsp_ns .gsp_treeviewBuffer {margin-left:25% !important;}
.gsp_ns .gsp_treeviewBufferFullWidth {width:75%;margin-left:25% !important;}
4. Also in gallery.css, find this line:
Code:.gsp_floatcontainerWithTv {overflow:hidden;width:85%;margin-left:15% !important;}
and change it to this:
Code:.gsp_floatcontainerWithTv {overflow:hidden;width:75%;margin-left:25% !important;}
5. Save the changes, then force a browser refresh to get the change. The album treeview width should now be 25% of the browser width.
Roger Martin
Creator and Lead Developer of Gallery Server Pro