|
User Details |
message
|
|
GSNetwork
post date:
2011-04-18 06:42:22
|
I have a apDiv in my site that contains a spry collapsible panel, this in turn holds the list of a shopping cart
As I did not want it to expand into the site I added it inside the apdiv so it would scroll over the top but as the content of the cart increases the width of the spry panel the div expand off the screen to the right and is hidden by the css layout there must be a way in CS/Javascript to get the div to expand into the site and not off the screen.
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2011-04-19 04:53:53
|
Hello,
Please send me a screenshot or link to the page. You can send them by email to support at extendstudio.com
Regards,
Andrei Rinciog
|
|
|
GSNetwork
post date:
2011-04-20 05:14:08
|
Hi Andrei
did you get the file ok?
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2011-04-20 05:37:33
|
Hello,
Yes, I will send you a reply in the next hour.
Regards,
Andrei Rinciog
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2011-04-20 06:13:04
|
Hello,
The panel is not cut off by the layout, only by the page if you make the browser window smaller. Is that what you were referring too?
Guess making that button that opens the panel smaller or moving it more to the center is not an option. The panel content is displayed relative to the position of that button. So pushing with a margin-right for the button will do the trick.
Also, it seems to work to position the panel content absolutely. You can modify this class from the spry CSS: .CollapsiblePanelContent
Tell me if i can help you more with this.
Regards,
Andrei Rinciog
|
|
|
GSNetwork
post date:
2011-04-20 07:26:57
|
|
So adding margin-right as auto should expand the div into the site not out?
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2011-04-21 05:05:45
|
Hello,
Actually no, it doesn't work with margin as it just makes that panel button smaller. You have to move the apDiv more to the left.
You either move the apDiv that holds the entire panel or you position only the panel content holder absolute by modifying the CollapsiblePanelContent class.
Regards,
Andrei Rinciog
|
|
|
GSNetwork
post date:
2011-04-21 05:22:05
|
Andrei
But doing this means giving the div a set size and position in the page so if the div only had a small amount of content it would be floating far too much into the site. I am sure I saw another site that could do this by having the basket on the right and expanding left as the content increased, I just presumed it was done with CSS. Perhaps what I am trying to do is not possible with CSS
|
|
