Thread Starter
jaydek
(@jaydek)
After further working on the sliders, why are most of the positional settings (padding, margins) only available in px?
Is the only responsiveness available to these settings the three overall scaling breakpoints of PC, tablet and mobile?
-
This reply was modified 4 years, 11 months ago by
jaydek.
Hi @jaydek
In a coming version, I absolutely recommend put a tiny “open menu” dropdown arrow next to every setting that can actually be changed via a dropdown.
Thanks for the suggestion, I’ll pass it along.
why are most of the positional settings (padding, margins) only available in px?
PX gives the most consistent, therefore the best result, that is why that’s the only available option at most places.
Em is based on the font size, but the font size doesn’t change anymore unless the user changes it at the next breakpoint. So for example 20px and 1.250em margin/padding keep giving the same result until the next breakpoint is reached where the font size was changed.
Also, generally users can understand how to work with px faster and more easily than em or other units.
You can edit any option device specifically which is marked with a device icon:
View post on imgur.com
so you can adjust these options separately for desktop, tablet and mobile.
If you’ve had problems after the 3.5 update I think you might have used Absolute positioned layers for creating content:
https://smartslider.helpscoutdocs.com/article/2028-sliders-look-different-after-the-3-5-update
Absolute positioned layers were rather created for adding decorative elements, as due to their nature they couldn’t really have a good responsive behavior especially compared to Default positioning:
https://smartslider.helpscoutdocs.com/article/1916-slide-editing-in-smart-slider-3#default
Thread Starter
jaydek
(@jaydek)
While PX does give the most consistent and easy to understand results, I can’t agree that this makes it the “best” option. PX, EM, and % each produce different results and each has it’s uses depending on how the user wants their slider to respond to various screen resolutions.
For example, my own slider used to beautifully resize all elements to maintain the exact same layout and positioning across all resolutions on PC and tablet, most likely through using absolute layers as you mentioned. This result could also have been achieved through the use of % or EM settings, but not through PX settings. The slider only needed to switch to a new layout on mobile when things got too small. This was the precise behavior I required, and produced excellent results.
This functionality has been removed and there seems to be no replacement features implemented. I’m sure there were reasons for the change, but the end result is that, as a user, I find the new version of Smart Slider to be less responsive and more difficult to work with.
I hope this feedback is of use.
Edit: After doing some checking, I’m certain I did not use any absolute layers in my slider, so there must have been other changes that are causing the problems. The removal of text adaptive sizing would of course be one, but there must have been others to do with positioning.
-
This reply was modified 4 years, 11 months ago by
jaydek.
-
This reply was modified 4 years, 11 months ago by
jaydek.
-
This reply was modified 4 years, 11 months ago by
jaydek.
Hi @jaydek
If your layers are not absolute positioned, then yes probably the difference is that the Adaptive sizing was deprecated. We removed it because it very often caused CLS problems, which ruins speedtest scores, and we’d rather want to ensure that the slider doesn’t cause CLS problems.
In any case, we appreciate your feedback!