cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - When posting, your subject should be specific and summarize your question. Here are some additional tips on asking a great question. X

Responsiveness of a Repeater

rhawa
8-Gravel

Responsiveness of a Repeater

Hi.

I've studied the several posts here regarding the repeater widget, but haven't found a clear guidance, yet.

The situation:
I have a responsive mashup that contains a repeater in a responsive layout. This repeater uses another responsive mashup which also only contains responsive layouts and elements (value display).

If I am using the defaults, the repeater visualizes the repeated mashup with a fixed height of 200. The setting for that is the FixedMashupHeight. According to the description it should only limit the height, if there is a value other than 0. My interpretation of that description is, that if the pre-requisites are met (responsiveness of mashup etc.) and the value is set to 0, that the repeater should adjust the height based on the visualized content of the included mashup.
But it doesn't: Any number is accepted to limit the height, but when using 0 it resets the height back to 200!

So up to now I haven't found a possibility to make the height of the repeated mashups responsive. Any ideas or help?
Many thanks.

Rayed

1 ACCEPTED SOLUTION

Accepted Solutions

Hi,

I'm afraid your interpretation is wrong. 


Let me go through how repeater and responsive layouts works: 


Responsive layout/mashup first:

It takes all space that is available to it and stretches itself (and responsive content) to fill up the whole given space. It has no height or width properties when it is not in some other container. ex. If you'll put timeserieschart widget in Responsive mashup and open it in 1920x1080 window, then it will fill 1920x1080 px. If you resize window to be 10x10px then it will be 10x10px. With fully responsive mashup, you should never see scrolling bars. So Responsive mashup/layout takes width and height properties of its parent which is window for mashup.


Now repeater:

With "Static mashup" - in the moment when you are defining 'Mashup' property for Repeater height of mashup you just passed is calculate. You can see that FixedMashupHeight is filled with height of this mashup. If you set any smaller number, than it will be trimmed. But if you set 0 than it will be full height.


With "Responsive mashup" - as described above, responsive layout don't have height or width dimensions on its own. It takes it's parent dimensions. So if you define Fixed MashupHeight with 1px it will be 1px. If you set 0 then it will disappear at all, and resetting to 200px prevent this behaviour.



Suggestion:

For Repeater contained mashups you should build 'static mashup' or calculate how much space your responsive mashup will need. There is no other way.

Mateusz,

Thaumatec



View solution in original post

1 REPLY 1

Hi,

I'm afraid your interpretation is wrong. 


Let me go through how repeater and responsive layouts works: 


Responsive layout/mashup first:

It takes all space that is available to it and stretches itself (and responsive content) to fill up the whole given space. It has no height or width properties when it is not in some other container. ex. If you'll put timeserieschart widget in Responsive mashup and open it in 1920x1080 window, then it will fill 1920x1080 px. If you resize window to be 10x10px then it will be 10x10px. With fully responsive mashup, you should never see scrolling bars. So Responsive mashup/layout takes width and height properties of its parent which is window for mashup.


Now repeater:

With "Static mashup" - in the moment when you are defining 'Mashup' property for Repeater height of mashup you just passed is calculate. You can see that FixedMashupHeight is filled with height of this mashup. If you set any smaller number, than it will be trimmed. But if you set 0 than it will be full height.


With "Responsive mashup" - as described above, responsive layout don't have height or width dimensions on its own. It takes it's parent dimensions. So if you define Fixed MashupHeight with 1px it will be 1px. If you set 0 then it will disappear at all, and resetting to 200px prevent this behaviour.



Suggestion:

For Repeater contained mashups you should build 'static mashup' or calculate how much space your responsive mashup will need. There is no other way.

Mateusz,

Thaumatec



Top Tags