Skip to main content
E
ErrHud1-Visitor
1-Visitor
July 4, 2019
Solved

Responsive custom mashup

  • July 4, 2019
  • 1 reply
  • 1159 views

Hi,

I'm having some trouble making my mashup adaptive for different size of screens.

I designed a mashup that contains some "Value Display" and a "shape", and I created another mashup that contains a collection of these (I followed the "Organize your UI with the collection Widget" tutorial). I designed it on my PC but it is meant to be displayed on a much larger TV, and I wanted the mashup to be bigger on the TV but they are the same size as on my PC. Is there a way to make these scale with the size of the screen ?

 

I tried to create the "base mashup" static and then responsive, but they both don't scale. The only difference is that with the responsive, the background "panel" will take all the space he can, but the widgets in it never change size. Is there a way to make that happen ?

(It doesn't need to be in a collection, I just want to make a "base mashup" that will scale with the size of the screen).

Thank you in advance for your help 

Best answer by ErrHud

Ok so I think my problem is resolved.

The answer is : you need to use layouts to place your widgets, and you need to use exclusively responsive widgets in it (for some reason, the property display doesn't seem really responsive... the table is responsive but not its content).

My problem is I was putting the widgets in random places and the dimensions did not scale. (I should've realize it before)

So what I did is I created a responsive mashup with many "layouts" with some "Value Display" and a "shape". Than when I put it in another layout in another mashup, it scales with the resolution.

Hope this can help someone else !

1 reply

E
ErrHud1-VisitorAuthorAnswer
1-Visitor
July 5, 2019

Ok so I think my problem is resolved.

The answer is : you need to use layouts to place your widgets, and you need to use exclusively responsive widgets in it (for some reason, the property display doesn't seem really responsive... the table is responsive but not its content).

My problem is I was putting the widgets in random places and the dimensions did not scale. (I should've realize it before)

So what I did is I created a responsive mashup with many "layouts" with some "Value Display" and a "shape". Than when I put it in another layout in another mashup, it scales with the resolution.

Hope this can help someone else !

Terms & ConditionsAccessibility statement