Jump to content


Form (Online/Offline) - Change Layout?


1 reply to this topic

#1 lunchboxaudio

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 12 September 2011 - 07:04 AM

I would like to resize my chat window as shown.
Everything works fine, except the Form entry part, whether online/offline.
The data entry fields of the form are cut off.

How do I change the layout of these forms so it will fit the desired space?

Ideally, I'd like to shorten the field name gray areas and move boxes left.
If someone can explain that to me,
i.e.
1. which file(s) to alter for both forms
2. what will shorten the field name gray area (and allow wrapping of text if necessary)
3. what will shorten the entery boxes

Kind thanks.

For the developer-
Please consider adding a "Form Layout" tab to the
SERVER CONFIGURATION --> WEB CLIENT --> HTML SETTINGS
that would accomplish basic form layout adjustments of this nature.

#2 lunchboxaudio

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 19 September 2011 - 05:23 AM

This weekend, I was able to make the appropriate changes that I wanted to make.
In the event someone else is interested in making minor changes to the form, please feel free to read on.

First, I used the SERVER CONFIGURATION --> WEB CLIENT --> HTML SETTINGS to adjust the chat window size to my desired setting.
You must then run the Livezilla script generator and place the new code into your website so that it opens at the desired size.

Then, for the other form changes.
Note: The online form and offline form are slightly different to make changes to, but some of the fields will adjust on both forms when you adjust them.

Some changes I needed to make were in the ../templates/style.css file.
I modified the widths of:
.lz_input_groups
.lz_form_box
.lz_form_area
.lz_form_field
.lz_form_field_empty
.lz_form_field_red
#lz_form_info_field

By changing the widths of these items, it accordingly adjusts the form areas.

Other changes were in the following files located in the ../templates/frames directory:
lz_chat_frame.3.2.login.1.0.tpl
lz_chat_frame.3.2.mail.tpl

You can modify some spacing or line breaks as needed within this file.

I would like to reiterate to the developer that a form design tool would be welcomed!





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users