Web Access not displaying in the number of columns which you have designed, one column appears excessively wide - Explaining the use of standalone labels on windows in 7.5

Version 9

    Verified Product Versions

    Service Desk 7.6Service Desk 7.7.xService Desk 7.8.xService Desk 2016.xAsset Manager 2016.x

    Environment: Service Desk Web Access version 7.5 +



    In 7.5, based on customer feedback, some changes were made to the way in which Web Access renders the forms that you have designed.  Additionally some design guidance was added into the manuals to explain more about how you can design forms that look professional on Web Access (see LANDesk Service Desk Suite 7.5 New Features "Advice for Web Access window design" or LANDesk Service Desk Suite 7.5 Designer "Window definitions for Web Access").


    One of the main pieces of advice within this states "Use the same number of columns – Try to use the same number of columns of controls in each row on a window design."


    However some customers have reported that although they have followed the advice in this guide, their form design does not seem to be arranged exactly in the number of columns that they have designed.  Alternatively, the form is displaying much wider than they feel it needs to be because one column is wider than another and this may result in a horizontal scroll bar on your browser in order to see all the contents.



    The problem has been found to be caused by the placement of stand alone labels and can be easily corrected once you understand how these are treated in Web Access.


    When designing your window, the thing to bear in mind with stand alone labels (not the labels that are attached to attributes but labels that you drag on from controls), is that they will always right-align in Web Access.  This means that even though in console you can set a label to align, for example, middle-centre or right-top, it will always align right in Web Access.  When you size your label on a window you need to be aware that the placement of right-side of this control will be where Web Access tries to place this.


    Here is a window design, which might look initially as if it has two nicely arranged columns of attributes:



    However when viewed in Web Access this form looked like this:



    The cause was that the size of the label, (the placement of the left-hand side of the control), had been placed outside of the second column of attributes:


    As stand alone labels on Web Access will always right align, this was introducing an unwanted third column into the window design.  This is what Web Access would "see" the form design as:






    The solution is to just adjust the size of your stand alone label control so that the right-hand side fits nicely within the column that you want the label to be in.  You can do this and still leave the label to show as right-aligned in console, it is just that you need to be aware of where a right-aligned label would sit within your columns of attributes.


    So in our example you would just resize your stand alone label like this so that the right hand edge of the control sits within the column you are intending it to be in:



    The end result in Web Access should now look like this:






    Here is another example of applying the solution to Middle/Centre aligned labels.  Here is how the window design looked:




    Web Access would treat this label as introducing a third column into the design.  This is how the size of the control was adjusted in order for the form to appear as two columns in Web Access but still retain the middle-alignment of the label within Console: