A REALLY Custom Custom Panel

  • 1
  • Problem
  • Updated 6 years ago
  • In Progress
How can I fix the height and width of a custom panel? I like the customization provided but I want a fixed height and width on my page.
Photo of RevRebec


  • 1 Post
  • 0 Reply Likes
  • frustrated

Posted 6 years ago

  • 1
Photo of Gop


  • 7473 Posts
  • 2115 Reply Likes
Hi RevRebec,

That can't be done with the Yola Custom panel as it is designed to be fluid. You can confine the maximum width by placing the panel within a column divider or within the columns of the selected Style. The height can't be restrained.

You would have to search out other solutions I think for a fixed size panel.

One work-around solution may be to create the content within a fixed size element then place that within a Custom panel.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello RevRebec

Is there a special reason why you need your Custom Panel Widgets with fixed sizes? Could you maybe give us more details and tell us on which website and on which page you would like to do what? We may be able to assist you better then.
Photo of Eyes Half Closed

Eyes Half Closed

  • 62 Posts
  • 17 Reply Likes
Good idea, I have mentioned before how I'd like to be able make a number of custom panels to conform to a certain size, such as for lists, with each item in a custom panel the same size.

You can create something similar using HTML, but it probably won't look as nice as Yola's ones.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
You can achieve this when you define the width of the Custom Panel by the Coloumn Divider Widget and the height by a div container or simply by adding padding to your text. It depends on what exactly would like to do.

For example, if I got you right, when you have a list and you want to put each item into a Custom Panel, you first add a Coloum Divider Widget to set the width, then you add the Custom Panel, add a Text Widget on top that includes a list with just one item. If you do it the exact same way with more Panels and more Text Widgets in the same coloumn, they will all have the same size.

As long as the elements placed onto a Custom Panel Widget share the same format and the Custom Panel Widgets have the identical settings, they will all look the same (in the same coloumn of a Coloum Divider Widget).

Is this maybe similar to how you wanted the list? http://justfortesting.yolasite.com/