Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Old bug in margin and padding settings

Featured Lock Resolved Bug
I would not call it a serious mistake, rather it is a defect. But the problem is that a person who does not know the principles of css can not find a workaround. And an experienced user can spend some time searching for a problem and fixing it. In addition, it makes us to do a lot of extra clicks when setting up.

So the problem:
When only one field is filled in the margin and padding settings, all fields that are not filled will take its value. Yes, it worked so in SP PB 2, but these rules of the game were understandable - if you only need one value, all the other fields you must have filled 0 (do not leave empty).
But in SP PB 3 this is misleading, since it looks as if there is no need to fill other fields. Preset templates are configured this way. Which means that you guys wanted to create just such a functional. And it works in editor mode, but does not work at all in live view.

I reviewed the pre-installed Music Event template.
http://dl3.joxi.net/drive/2018/01/09/0008/0401/545169/69/15c347fb60.png
In the designer mode, margin and padding are configured this way (1). And we see that everything looks as it should (2).
http://dl4.joxi.net/drive/2018/01/09/0008/0401/545169/69/76bbb5bb21.png
In live view, it looks like this.
http://dl4.joxi.net/drive/2018/01/09/0008/0401/545169/69/d730dbb50f.png
In order to fix this, you need to fill in the remaining fields by 0.
http://dl3.joxi.net/drive/2018/01/09/0008/0401/545169/69/bc8adad797.png
And then in live view it will look correct.
http://dl3.joxi.net/drive/2018/01/09/0008/0401/545169/69/fab48295d8.png
Each block requires 6 additional clicks and 6 additional button presses, total 12 extra actions. Multiply by the number of blocks and get 72 (!) additional actions that would fix the problem in only one section.
This is an example of how one small defect kills all the optimization for quick work.

8 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
We can use "0" but it means extra lines of CSS,
right now padding or margin class is not used/displayed, if user do not used it yet.
---
But indeed we have discussion to recover old way.
Thanks for your voice.

Paul Frankowski - Staff

More than a month ago #Permalink
Hi.
That's why I use class names for addons.
3 lines of CSS can safe me 72 clicks.

Pavel

More than a month ago #Permalink
Hi.
That's why I use class names for addons.
3 lines of CSS can safe me 72 clicks.

Of course - this is the best way for those who have knowledge of css. But SP PB is designed for those who do not possess this knowledge. In this case, why did all this titanic work on the creation of SP PB? You could just limit yourself to writing a training on css in joomla :)

Paul Frankowski - Staff

More than a month ago #Permalink
there is always a place for improvements, also in UX and UI areas.
---
In your case, on your place, I would design 1st addon as it should look like, then use Clone button, and later only change image and description.

Pavel

More than a month ago #Permalink
Paul, you misunderstood me. Personally, I have no problems, because I know css. But many users, including my clients are experiencing problems. For example, if they use preset templates. I just told you about the problem to fix.

And on your (Team) part, it's enough to make a small correction - all blank fields are filled by default by 0. And the names of the fields Top, Right, Bottom, Left are set above the fields as labels. That would solve the problem. Especially in practice with SP PB 2 you already used this solution, for example, in rows.

Pavel

More than a month ago #Permalink
We can use "0" but it means extra lines of CSS,
right now padding or margin class is not used/displayed, if user do not used it yet.

I understand your reason, and I support it. If there is a possibility not to use superfluous code - it always needs to be done.
I have another idea how it might look like. I do not presume to judge how much it is technically difficult. But maybe you guys will do it:
By default, the fields are not filled. If the open lock is turned on, when one field is filled, all other fields are filled with "0" automatically.

And finally, I would like to give another example.
Look at how these fields are filled.
http://dl4.joxi.net/drive/2018/01/09/0008/0401/545169/69/86937fc536.png
See how it looks in live view.
http://dl3.joxi.net/drive/2018/01/09/0008/0401/545169/69/6ce15dfde8.png
Even a knowledgeable css may not guess that it needs to be fixed margin-top=0
http://dl3.joxi.net/drive/2018/01/09/0008/0401/545169/69/100929a8e0.png

Paul Frankowski - Staff

More than a month ago #Permalink
thanks.


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 133
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 123
Toufiq

Toufiq

Total Accepted Answers: 64
Pavel

Pavel

Total Accepted Answers: 5
Mohammed Ahmed

Mohammed Ahmed

Total Accepted Answers: 2

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us