A lot of the time Designers/frontenders are forced to work against the Mendix platform because it is forcing certain elements to behave in a specific way which is not always beneficial for the User experience.
Most frustrations come from:
Related Questions
Where are the instructions/examples for setting the Class?
https://community.mendix.com/link/questions/95522
Setting .focus on first input field
https://community.mendix.com/link/questions/86657
mx-listview-selectable is on the non selectable listviews?
https://community.mendix.com/link/questions/90877
why are Building Block version locked?
https://community.mendix.com/link/questions/91186
Remaking the docs navigation tree?
https://community.mendix.com/link/questions/92654
Is there a way to add ".active" to a button it if is links to the page we are currently on?
https://community.mendix.com/link/questions/90387
Best practice cross-application styling
https://community.mendix.com/link/questions/17982
Best way to sync styling across apps?
https://community.mendix.com/link/questions/92064
customizing the modal pop up layout
https://community.mendix.com/link/questions/90681
What is the usecase for resizing and repositioning the Modal Popup?
https://community.mendix.com/link/questions/95509
Help styling input fields
https://community.mendix.com/link/questions/92384
Extending glyphicon set with custom icons
https://community.mendix.com/link/questions/93359
Can we Customize Template Grid?
https://community.mendix.com/link/questions/94391
Related Ideas
Visibility based on editabilty
https://community.mendix.com/link/ideas/1396
New grid widgets to replace grid/template grid / listviews for UI flexibility
https://community.mendix.com/link/ideas/393
A sortable and editable Template Grid
https://community.mendix.com/link/ideas/95
Copy Paste between modelers
https://community.mendix.com/link/ideas/1053
Make layouts and building blocks not version locked
https://community.mendix.com/link/ideas/1402
Condition classes
https://community.mendix.com/link/ideas/512
Cross-application styling / sync UI resources
https://community.mendix.com/link/ideas/1218
Intuitive way of sharing / maintaining your company UI Resources
https://community.mendix.com/link/ideas/1365
How to keep AtlasUI updateable and still customize your own SASS files?
https://community.mendix.com/link/questions/96782
Make navigation tree's great again
https://community.mendix.com/link/ideas/1233
Bootstrap 4 support (closed)
https://community.mendix.com/link/ideas/727
Beter Empty listview, datagrids options
https://community.mendix.com/link/ideas/1102
Make type of input textbox widget editable
https://community.mendix.com/link/ideas/1226
As a user I want to see the correct keyboard when entering data in an input widget
https://community.mendix.com/link/ideas/93
Enable Changing Icons for Reference Set Selectors
https://community.mendix.com/link/ideas/1283
More glyphicons to choose from
https://community.mendix.com/link/ideas/1198
make tabs in main window smaller when there are more (like web browsers do)
https://community.mendix.com/link/ideas/1023
modeler only layout grids
https://community.mendix.com/link/ideas/1416
Align UX Resources
https://community.mendix.com/link/ideas/1421
Implemented:
beter way for styling checkboxes and radio buttons (Implemented in MX 8.0)
https://community.mendix.com/link/ideas/1124
Clickable container with same functions as a button (MX 8.3)
https://community.mendix.com/link/ideas/890
Edit:
I will try to keep this post up to date with any UX topics I see, also post them in the comments if you see any I have missed
@Wojciech Machniak We are not sure about Bootstrap 4 yet. Maybe a part of it.
I’ll look into the interpolation issue, but it’s better to create a PR or an issue on the AtlasUI github in the future. This makes it easier for both of us :)
@Wojciech Machniak there is this closed topic (8 months ago):
https://forum.mendix.com/link/ideas/727
"Hi,
We are indeed looking into this, but we also need to take backwards compatibility into account."
“looking into this” is a very vague answer.
maybe reCreate a new ideatopic so we can discus the pro’s cons of MX implementing bootstrap 4 (I’ll add it to the links).
@Jason Teunissen It’s true what are you saying. But I would like to know what is a plan for a future of Atlas UI
I dont think upgrading the CSS framework will solve a lot of ux problems
UX is not CSS, CSS is a tiny part of what creates the UX.
@Wesley Do you consider upgrade to Bootstrap 4?
If you are responsible for improvements in Atlas UI, please check one thing:
I have noticed an errors in compiled lib.css file.
You have an issue in directory theme/styles/sass/lib/components/_buttons.scss
// Button Sizes
.btn-lg {
font-size: $font-size-large;
img {
height: calc($font-size-small + 4px);
}
}
You should interpolate SASS variable inside calc function. #{$font-size-small}
Hope this helps!
@jason Thanks for this overview. We’re currently working hard to improve Atlas. I’ll definitely look into these points and see what I can improve. Will keep checking this for updates!
@mitchel to a certain extent that is possible, you can delete the Atlas theme and possibly the Mendix css.
the problem is that Mendix generates a lot of inline styling and by adding the class “-stylingless” it adds extra classes that override other classes that you will then also need to override.
Atlas also has “!important” in some css elements making it even more clumsy to work around.
also view:
https://forum.mendix.com/link/questions/90877
Or instead release a base theme with just the bare necessities that allows for a full custom style. Also, with the disclaimer that it will not be fully ready (stylish) out of the box. But without the need to fully start from scratch.