The State of UX design & Mendix - Mendix Forum

The State of UX design & Mendix

53

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://forum.mendix.com/link/questions/95522

Setting .focus on first input field
https://forum.mendix.com/link/questions/86657

mx-listview-selectable is on the non selectable listviews?
https://forum.mendix.com/link/questions/90877

why are Building Block version locked?
https://forum.mendix.com/link/questions/91186

Remaking the docs navigation tree?
https://forum.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://forum.mendix.com/link/questions/90387

Best practice cross-application styling
https://forum.mendix.com/link/questions/17982

Best way to sync styling across apps?
https://forum.mendix.com/link/questions/92064

customizing the modal pop up layout
https://forum.mendix.com/link/questions/90681

What is the usecase for resizing and repositioning the Modal Popup?
https://forum.mendix.com/link/questions/95509

Help styling input fields
https://forum.mendix.com/link/questions/92384

Extending glyphicon set with custom icons
https://forum.mendix.com/link/questions/93359

Can we Customize Template Grid?
https://forum.mendix.com/link/questions/94391

 

 

Related Ideas

Visibility based on editabilty
https://forum.mendix.com/link/ideas/1396

New grid widgets to replace grid/template grid / listviews for UI flexibility
https://forum.mendix.com/link/ideas/393

A sortable and editable Template Grid
https://forum.mendix.com/link/ideas/95

Copy Paste between modelers
https://forum.mendix.com/link/ideas/1053

Make layouts and building blocks not version locked
https://forum.mendix.com/link/ideas/1402

Condition classes
https://forum.mendix.com/link/ideas/512

Cross-application styling / sync UI resources
https://forum.mendix.com/link/ideas/1218

Intuitive way of sharing / maintaining your company UI Resources
https://forum.mendix.com/link/ideas/1365

How to keep AtlasUI updateable and still customize your own SASS files?
https://forum.mendix.com/link/questions/96782

Make navigation tree's great again
https://forum.mendix.com/link/ideas/1233

Bootstrap 4 support (closed)
https://forum.mendix.com/link/ideas/727

Beter Empty listview, datagrids options
https://forum.mendix.com/link/ideas/1102

Make type of input textbox widget editable
https://forum.mendix.com/link/ideas/1226

As a user I want to see the correct keyboard when entering data in an input widget
https://forum.mendix.com/link/ideas/93

Enable Changing Icons for Reference Set Selectors
https://forum.mendix.com/link/ideas/1283

More glyphicons to choose from
https://forum.mendix.com/link/ideas/1198

make tabs in main window smaller when there are more (like web browsers do)
https://forum.mendix.com/link/ideas/1023

modeler only layout grids
https://forum.mendix.com/link/ideas/1416

Align UX Resources
https://forum.mendix.com/link/ideas/1421

 

 

Implemented:

beter way for styling checkboxes and radio buttons (Implemented in MX 8.0)
https://forum.mendix.com/link/ideas/1124

Clickable container with same functions as a button (MX 8.3)
https://forum.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

asked
8 answers

@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 :)

Created

@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).

Created

@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

Created

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.

Created

@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!

Created

@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!

Created

@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

Created

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.

Created