|
User Details |
message
|
|
Dermot Lawless
post date:
2010-03-04 09:21:39
|
I apologise if this is already explained -
How do I centre the panels on the page? If I create one large panel for my site - how do I position it in the centre of the screen?
|
|
|
Willi Schneider
post date:
2010-03-04 10:18:48
|
Hi
Change the code of your panel css from:
<div id="CSSPanel" style="width:250px;position:relative;">
to:
<div id="CSSPanel" style="width:250px;position:relative;margin-right:auto;margin-left:auto">
or place your panel inside a wrapper div with "width:250px;margin-right:auto;margin-left:auto".
The width of the wrapper div should be the same as your panel.
HTH
Willi
|
|
|
Bling Imaging
post date:
2010-03-20 21:16:43
|
Hi,
I just bought the programme and am finding it harder than I thought it would be!!
Where do I change this code? I can see it in the tag inspector but it won't let me paste it there and I can't see it in the code view.
Please help as I have spent hours now trying to even lay out the empty panel to start off with. I have looked at your demo video but it is rather difficult to see as you do it so quickly!!
Sorry, but I am a beginner which is why I thought this would be easy...sigh
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2010-03-22 09:48:22
|
Hello,
The best way to this would be to create a container for the FlexiPanel instead of changing the code for the panel.
So, create a new <div> container that will hold the panel use the CSS style from Willi on it. It should look like this:
<div style="width:250px; margin-right:auto; margin-left:auto">
</div>
Now place your cursor inside that div and insert a new CSS panel.
Tell me if you need more help.
Regards,
Andrei
|
|
|
Bling Imaging
post date:
2010-03-23 06:13:52
|
Hi Andrei,
I managed to create the main container and put it at 1000px.
The first big flexi panel I put in at 1000px is fine.
But when I put in the second content panel at 100% as shown on the video,
the panel don't sit in the main panels properly. It is shifted to the right.
I have tried for a while now and I really don't know what I am doing wrong.
Hope I can get some help here. There isn't a manual on this, is there?
It really is very difficult for someone like me who don't know how to code.
Is there like a step by step instruction page somewhere that I can follow on how to set up the container properly and then also written instructions on putting in the main panels correctly?
This way, I can just follow and not have to keep asking for help.
Cheers
Siew
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2010-03-23 06:38:22
|
Hello again,
We also have a text version of that tutorial if it helps: http://www.extendstudio.com/documentation/flexi-panels-css/documentation/tutorials/css-box-rounded-corners1.html
You have to tell your divs to float in order to have two panels side by side. Otherwise, each div will be placed beneath the previous one. In the text version of that tutorial there is a bit of code that explains that div structure.
Regards,
Andrei Rinciog
|
|
