Another main update, that I think will be well used, is the NEW Interactive panels
Part 1 - Part 2
Place key information, like contact details, in interactive panels that pop up when
another item is clicked on or hovered over. Panels can also float, freezing important
information in place on-screen, while the rest of the page scrolls. You can put anything
in them and they can be designed to suit your site’s style.
To see a panel working click the button on the left “Contact”. This will bring up
a contact form that can then be sent off, via CAPTCHA. Try it and see for yourself.
If you also look on the Intro page and select the link to Sign up/Login you will
have a access control appear. See below for more info.
Setting up a Panel is very easy
- Select the “Insert Panel” button
- In the panel properties take a note of the ID or change it to your own.
- Take it into the design studio if you require
- Click and drag to place on the page at the required position. You can just click
the page to place at default size. Note: Try and make the panel bigger than you require
as I have found that if you place items onto this panel that are larger and then
resize the panel to suite it does not always work.
- Place what you require onto the panel. In my 2 demos I have place a QS as background
colour and the Access control/Form.
- You now need a object to trigger the panel to become visible. You can use a button,
QS or an image. Right click and choose Action.
- Click Add
- Click Visibility
- Make sure you have the right panel ID and click the event drop down menu to choose
what type of event you wish to attach to the panel.
- Select the panel and in the context toolbar select “Hide panel”
Now if you preview the page the panel should do what you chose in the Event drop
down.
You don’t have to hide your panels, as I have done with the “Contact” button on the
left.
- When you have click the “Insert Panel” and have the panel properties on screen put
a tick into the “Align panel to browser window”.
- Choose the position you require the Panel to stay, Left - Centre - Right and Top
- Middle - Bottom
- Don’t select to hide the panel.
- I have put a QS on this demo panel and gave this an Action to make the contact panel
visible.
There will be many permutations of what you can Add and do with the New Panel object
so it’s just a matter of experimentation. You can put hidden panels at the same position
on the page and have links to make these visible, making it look as if there appearing
in the same place.
Tutorials
