responsive problem in universal module

Hello,

Joomla version : 3.3.1
FC version : RC V_1925

I'm transfering a J2.5 site in J3

J2.5 : naouri-market.com (FC version 2.1.3 r1826)
J3.3.1 : j3.naouri-market.com (FC version 2.2.0 r1925)

I'm using the module to display image advertisment. I don't use the image option display, but an html text displaying the image. (following the advertisment the image may be an hyperlink or not).


With the J2.5 the image has the width responsive.

With the J3, following the browser it image is responsive or not :

using Opera : the module is responsive.
[attachment=1:3ponlil7]<!-- ia1 -->responsive_module_opera.jpg<!-- ia1 -->[/attachment:3ponlil7]

using Chrome, IE, FF : the module is not responsive.
[attachment=0:3ponlil7]<!-- ia0 -->responsive_module_chrome.jpg<!-- ia0 -->[/attachment:3ponlil7]

How can I get it responsive in J3 ?

thank you for help

Best regards
Michel

Hello

problem ?

but
1. it is not a "slideshow" (it is designed to show multiple items inside the viewport)
there is a parameter for item width which is in pixel so you do not have an option to fit a single item to the viewport

2. what is responsive is the detection of how many items fit inside the current viewport, and this adjusts
a. number page controls
b. the playback of pages




-- a modification for allowing the above are minor and will be available with a modification of the carousel template, which will be called "slideshow", will be made available in v2.3.0, along with more styling (e.g. colors etc)


maybe you can use CSS to achieve the effect now

hello

1. it is not a "slideshow" (it is designed to show multiple items inside the viewport)
there is a parameter for item width which is in pixel so you do not have an option to fit a single item to the viewport

In the module I have 5 articles as option to display, but presently only 1 article is corresponding to the extraction criters.
I have added others articles. Now I have 5 articles displayed on the home page.

The problem remains on Chrome, FF and IE.
[attachment=1:1gnock4w]<!-- ia1 -->responsive_module_chrome_v2.jpg<!-- ia1 -->[/attachment:1gnock4w]

On Opera, there is a new problem : all slides are displayed together.
[attachment=0:1gnock4w]<!-- ia0 -->responsive_module_opera_v2.jpg<!-- ia0 -->[/attachment:1gnock4w]

I have tested with the carousel options 'play method' to singel item and full page.

best regards
Michel

Hello

please clarify this:
the item width in pixels that you have set in template configuration is not respected ?

please clarify this:
the item width in pixels that you have set in template configuration is not respected ?

Sorry I don't understand about which template you speak : the carousel template or the Joomla template ?

best regards

Michel

Hello

yes i mean the template used our Universal module, in this case the carousel template

hello,

I have done some modifications :
- installing the V_1826
- modifying the module :
- I use the image options of the module (I display only the image), I don't use the manual html code.

I have tested for Chrome, FF, IE and Opéra.

Test with max articles 100 and 0 favorite :

I extract the 5 valid articles corresponding to the extract options.

On Opera I get that :
- vertical display :
[attachment=1:1wdpr3rb]<!-- ia1 -->responsive_module_opera_vertical.jpg<!-- ia1 -->[/attachment:1wdpr3rb]
The images from right to left horizontally

- horizontal display :
I get this :
[attachment=0:1wdpr3rb]<!-- ia0 -->responsive_module_opera_horizontall.jpg<!-- ia0 -->[/attachment:1wdpr3rb]

All 5 images are displayed together,then I get 4 empty pages.

In both cases the 'play method' is single item.

For 1 image in the module option : the image is responsive.

I continue in another post for other browsers as the display is different from the Opera one.

ON Chrome, IE and FF the results are identical on the 3 browsers. I have tested on Chrome.

The vertical display for 1 or 5 articles gives the following image :
[attachment=1:3fvljuym]<!-- ia1 -->responsive_module_chrome_v2_multi_vertical.jpg<!-- ia1 -->[/attachment:3fvljuym]

Of course, there are 5 buttons when 5 images displayed and 1 when 1 image selected.

Only the first image is displayed (partially displayed, the others images are not displayed).

On the horizontal display : On large screens no problems all images are displayed one after the other.
On small screen the image is not responsive.
[attachment=1:3fvljuym]<!-- ia1 -->responsive_module_chrome_v2_multi_vertical.jpg<!-- ia1 -->[/attachment:3fvljuym]


the site address of the images : j3.naouri-market.com

thank you for advices

best regards

Michel

Hello

a. the image is not designed to resize when window size changes
b. it is not a slideshow template



-- the responsive part is to design how many items fit the current viewport

1. the viewport resizes according to current available width

2. the number of viewable items is recalculated



Note: if the viewport gets small enough the item will not fit the viewport



but you should not get items on a 2nd row, can you give a link that show items folding into a second row and on which browser ?

the problem of 2 images by line arrives only with Opera. The Opera version I have is the last one 12.17.

You get the page at this url : j3.naouri-market.com .

Something strange with Opera : If only one article is selected (even if I authorize more articles) the image is resized following the page width.

I more than 1 article is selected I get 2 lines.

Yesterday I got only one line : the carousel option was image width :840px right margin 0px;
Today I changed it to image width : 832px; right margin 8px;

the original image width is 832px;



I don't understand also why is vertical play doesn't work (in all browsers).
I get only the first image, it's displayed horizontally. the others images are not displayed but the corresponding button are displayed.


tell me if you need a super admin to check all type of carousel (vertical - horizontal).

Thank you for help
best regards

Michel