ui-carousel icon indicating copy to clipboard operation
ui-carousel copied to clipboard

Adaptive Height/Width (Fluid Design)

Open nmindz opened this issue 8 years ago • 1 comments

I have noticed that the following features are aimed at a later version:

  • Variable width
  • Active height

Is there any workaround to make the slider horizontally fluid? I can use a fixed height for the containing element, but my goal would be to use a background within the slide and anchor it to the center(h)/middle(v), keeping its width always at 100%.

I tried setting width: 100% on slides/images but realized that the containing <ul> for ui-carousel dynamically sets it's width to the sum of all image's widths so it can keep the sliding consistent. (At least on default mode, didn't try the fade option.) - Which means that it isn't that simple.

Are there any "easy" hacks to keep a fluid layout with ui-carousel? Is there any pre-release version with such a feature?

nmindz avatar Dec 20 '16 23:12 nmindz

@nmindz Currently, there is no hack to make the fluid layout like variable width. We'll probably add it to next release. The pull request for this or another feature is welcome

mihnsen avatar Dec 24 '16 07:12 mihnsen