hi, after trying half the night to center the new carousel 2 (walter- thanks a lot for your work), i realized that the action will center correctly when the browser-window is exactly at the size of the page or smaller. previewing in a bigger browser-window shows suddenly the wrong alignment to the right.
same effect when starting with a smaller browser-window, when i drag it more wide, everythig is ok, klicking on the refresh-button of the browser, the alignment goes to “right”.
how can that be fixed?
tom
When I tired it with Align set to None it appeared to work a little better, but I was still getting some of the Panes “drop” down from their correct position.
Thomas, I am looking at your link and wondering if your centering method
for the images is incorrect… they seem to be absolutely positioned. Would
this work better if they were relative or inline, and left/right margins
set to auto?
–
Ernie Simpson
On Wed, Jan 9, 2013 at 10:02 AM, ejw email@hidden wrote:
Eric
When I tired it with Align set to None it appeared to work a little
better, but I was still getting some of the Panes “drop” down from their
correct position.
… something like this was my first thought, too - so I’m totally with you Ernie. I haven’t tried the new carousel yet, but if it works similar to the previous version, all “pane content” needs to be anyway inline (either by inclick the pane and insert … or by slightly drawing in the items so the pane is blue highlighted or even group all the relevant items and apply the carousel action to the first pane, and the pane-action to all the rest).
hi ernie, thanks for looking at the link. Yes, the testpage is not inline and rpl, its absolutely positioned and the page-align is set to “center”. since i am not very good in boxmodel-design i tried it by using a non-inline, basic layout.
all my testings with rpl came up to the same result, but i’m really new to this technique and will try it again later, following your tip.
tom
I haven’t tried the new carousel yet, but if it works similar to the previous version, all “pane content” needs to be anyway inline (either by inclick the pane and insert …
Thomas K, As you know i struggled with in line and purchased your Tuition Screenshots to help me out… my working Carousel is not inline and it seems to be fine. Problem started when i tried the new version.
thomas, the old version of carousel works perfect without inline-design (and aligns correctly), i think carousel 2 is a little different to it.
here’s the old action in the same layout-technique: http://www.tide-sign.de/rpd_inline_test/test17.html
tom
It’s not as useful to look at the CSS and HTML as it is to look at the resulting DOM after JavaScript has pushed everything around. Unlike the previous iteration of Carousel, all the heavy lifting is done by JavaScript in the browser, not Freeway during publish. The panes are all given appropriate positioning once that process is done.
I have fixed the issue in version 0.1.4, on the Forge now. Thanks to ejw for pointing out this issue. I hadn’t tested on a centered page yet.
Walter
On Jan 9, 2013, at 10:26 AM, Ernie Simpson wrote:
Thomas, I am looking at your link and wondering if your centering method
for the images is incorrect… they seem to be absolutely positioned. Would
this work better if they were relative or inline, and left/right margins
set to auto?
–
Ernie Simpson
On Wed, Jan 9, 2013 at 10:02 AM, ejw email@hidden wrote:
Eric
When I tired it with Align set to None it appeared to work a little
better, but I was still getting some of the Panes “drop” down from their
correct position.
Right, I spoke too soon! Looking at the page in Safari’s Inspect Element
allows some insight as the javascript seems to have added additional
structures that position things quite differently. So, regardless how you
positioned the images the result would be altered.
Thomas, there was nothing about your positioning that affected the outcome.
I was incorrect in my assumption.
–
Ernie Simpson
On Wed, Jan 9, 2013 at 10:57 AM, Thomas email@hidden wrote:
hi ernie, thanks for looking at the link. Yes, the testpage is not inline
and rpl, its absolutely positioned and the page-align is set to “center”.
since i am not very good in boxmodel-design i tried it by using a
non-inline, basic layout.
all my testings with rpl came up to the same result, but i’m really new
to this technique and will try it again later, following your tip.
tom
thomas, the old version of carousel works perfect without inline-design (and aligns correctly), i think carousel 2 is a little different to it.
here’s the old action in the same layout-technique: http://www.tide-sign.de/rpd_inline_test/test17.html
tom
hmmm - doubtful or I misinterpreted Point 3 of Walter’s instructions ( Carousel in Freeway ) or maybe depends, what you like to see in your panes. I haven’t built that much carousels in my career (app. 38) so I am not 100% in the theme.
Point 3 refers to making a single pane. You can use inline, nested-positioned-child, or just flat graphics as your panes. Think of each pane as standing entirely alone as a positioned layer element in Freeway, not nested in with its brethren, though. The Action (or the JavaScript, in Carousel 2) scoops up these elements and re-assembles them into a filmstrip.
Walter
On Jan 9, 2013, at 11:33 AM, Thomas Kimmich wrote:
On 9 Jan 2013, 3:10 pm, Thomas wrote:
thomas, the old version of carousel works perfect without inline-design (and aligns correctly), i think carousel 2 is a little different to it.
here’s the old action in the same layout-technique: http://www.tide-sign.de/rpd_inline_test/test17.html
tom
hmmm - doubtful or I misinterpreted Point 3 of Walter’s instructions ( Carousel in Freeway ) or maybe depends, what you like to see in your panes. I haven’t built that much carousels in my career (app. 38) so I am not 100% in the theme.
hmm - gave this a very quick and dirty try this morning, but I am under the impression, that this version cannot be used for inline constructions? Correct me if I’m wrong ( … damn - should have tested this with the previous version).
A further point of carousels this type in general:
Would it be conceivable to work with “percentage widths” for the carousel wrapping item(s)? (i know that all needs defined widths and heights - so sorry for this rather dumb approach).
I created a carousel using the carousel 2 action and I encountered a glitch.
There are four carousel panes, each one with an html child item which contains white text.
On webkit browsers, Mac or Win, the text in first carousel item flashes into view when it repeats. On Mozilla, Mac or Win, the lines of text overlap, as if the leading was set to a negative number.