mendix / atlas-ui-framework Goto Github PK
View Code? Open in Web Editor NEWThe shortest path to a stunning User Interface for all Mendix applications.
License: MIT License
The shortest path to a stunning User Interface for all Mendix applications.
License: MIT License
Hi, while developing a Native app, we have discovered that our text is scaling with the dynamic text. As can be seen in the last image, this makes things unworkable.
The dynamic text setting can be found:
ios: Settings > General > Accessibility > Larger Text
android: Settings > Display > Font size/ Display size
Is there a way to prevent or at least constrain this behaviour so that the app can be made more robust to user settings?
With a new version of the framework the display: block;
property is set for all text alignment classes that can lead to some weird / unexpected behaviour. It is applied on 3 classes (.text-left, .text-center and .text-right) in the _typography.scss file. It is not possible to undo these display property from the custom.css because display has no "auto" value.
I would suggest to only apply alignment property to the earlier mentioned classes and create new classes for display proporties if needed.
With Atlas 2.1.0, the default listview style has become bordered: lines between the listview items and a rounded border around the entire listview, listview-lined seems to have no effect. Is this by design?
Hi,
I have migrated several projects to 8.15.1 and Visual Studio Code always complains about the tsconfig.json file in the theme folder. (You need to actually open the theme folder in VS Code, it only complains when the folder is expanded in the tree view.)
Is this a left-over from the build?
Can I remove it?
Thanks in advance.
With regards,
Marcel
Please see Atlas-theme-default/styles/sass/lib
Hi there, are the Atlas version numbers which appear in Mendix under either "Atlas_UI_Framework_Version" or "Atlas_UI_Resources_Version" supposed to match the one on github? If so I think there may be an issue - today I downloaded Atlas UI 1.2.0 from your github released on Oct 19 but in Mendix it shows as v1.1.0. This is important to me because I'm trying to manage Atlas versioning in multiple Mendix projects using this numbering system as a reference.
Hi,
The latest Atlas_UI_Resources module has a little issue with the Atlas_Topbar layout. The scroll container is set to scroll the entire widget, rather than per region.
As a result, a page with a dataview as topmost component will scroll the top bar and the footer as well. These should stay where they are, only the dataview body should scroll.
I changed the scroll behavior to scroll per region.
With regards,
Marcel
When I nest listviews and use listview-stylingless on the outermost listview, the inner listview becomes stylingless too.
A possible solution could be to change the CSS selector into .mx-listview>ul>li
where it is now .mx-listview li
While attempting to style the activity indicator we discovered that it was impossible to totally remove the shadow of the box around in android. Examining the core files: styles/native/js/core/widgets/navigation.js we can see in this file (and below) that only backgroundColor and shadowColor are editable props while the rest is hardcoded.
shadowColor has no effect on android and leaves us with an awkward grey box surrounding our spinner.
Is it possible to add more editable props to the core files here?
progressOverlay: {
container: {
// All ViewStyle properties are allowed
backgroundColor: navigation.progressOverlay.containerBackgroundColor,
paddingHorizontal: spacing.largest,
paddingVertical: spacing.large,
borderRadius: border.radius,
elevation: 1.5,
shadowColor: navigation.progressOverlay.shadowColor,
shadowOpacity: 0.1,
shadowRadius: 10,
shadowOffset: {
width: 0,
height: 2,
},
},
}
When working with native styling on a native app, the datepicker doesn't get styled correctly if you switch from or to darkMode. The backgroundcolor doesn't get automatically switched and you need a hard reload of the app to make the changes visible. The weird thing is that the text color does get changed when switching theme:
After hard reload:
Is there a way to style the text color?
Hi,
I have a problem when trying file upload. After I selected the file which is more than the size allowed. Then, I cannot click cancel or X (rightmost) button for closing the page. Error message still seen on pop-up and I can close after manually delete document name on textbox each time.
Widget: file manager
Mendix: 9.9.1 version
I've had several discussion in the recent months with clients and other Mendix developers who are using flex but want more control, but don't want to jump into the SASS.
I've created a gist to extend the _alignment-block.scss partial to include classes for flex-direction, flex-wrap, justify-content, align-items, align-content, and align-self.
https://gist.github.com/RussellHite/5a8cff043e2ebec20415060deb00db8e
The readme stated that there is a copy of the lib folder in the custom folder so you can easily overrule or add custom styling.
that copy is missing? or should gulp fix this?
Hi. Trying to get a head start with the framework before our meeting next week.
I have downloaded the repository but am wondering if there are some dependencies I need to run Atlas in a browser?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.