CSS Media query for a dark or light UI
Dark mode has been gaining a lot of ground recently. That’s why we’ve added support for it in 4D v19, and mentioned a few ways you can adjust it to your needs in the related announcement.
In this blog post, we’ll focus on CSS and explain in detail how to set CSS styles for light and dark modes using CSS media queries.
Launch a compilation by programming
In continuous integration systems, every time code is submitted, or on an hourly basis, a compilation of the source code is automatically launched. This approach allows you to check merges on the code management server.
Starting from 4D v19, a new command allows you to launch code compilation, so you can set up this type of system.
Code Editor: Multiple themes, your choice!
The code editor’s feature set grows with every release, and 4Dv19 is no exception.
Every developer has their own special – and sometimes peculiar – taste when it comes to their code editor (font, font size, color of the elements, etc.). What looks great and boosts productivity for one developer can be an obstacle for another. That’s why 4D v19 introduces theme management.
If “creating my own theme” is on your bucket list, now is the right time to check it off! 4D v19 comes with basic themes that you can enrich and adapt to your own taste.
Easily Manage your Application’s Information
To build your application, you use the BUILD APPLICATION command with a set of XML keys that allow you to configure the built application. For most of you, this option is enough for application building. However, we want to make sure we meet your specific needs too, so we’ll simplify the BUILD APPLICATION command by splitting it. This will allow for more flexibility while creating applications.
Dark Mode support on macOS has arrived.
Dark Mode is awesome and creates an exciting user experience. That’s why, starting with 4D v19, 4D now supports Dark Mode, which activates automatically if Dark Mode is turned on at the macOS level.
This is just the beginning, and there is more to come in future versions such as Dark Mode support for all components (e.g. the 4D Write Pro widget) and Design Mode.
Want to see how Dark Mode transforms the look of 4D elements? Keep reading!
Push notification with data synchronisation
As of 4D v18 R4, you can send notifications to your application users. Now with 4D v18 R6, you can start data synchronization with a push notification.
This could be useful, for example, in the case of delivery tracking applications. First, the delivery information is updated in the database, then a notification is sent to the customer. The notification contains a request to synchronize the data, so when the customer consults the record on their smartphone, the data is up to date.
More features in the 4D Write Pro interface widget
The 4D Write Pro toolbar and sidebar continue to grow with more functionalities to help you create documents even faster and easier.
With 4D v18 R6, you can :
- increment or decrement text
- copy/paste the ruler
- change the background color of a paragraph
- change the style of a word (uppercase, lowercase, etc.)
More enhancements to the 4D debugger!
4D v18 R6 comes with new features in the code editor to make things easier for you when writing code.
The same goes for the debugger. We know debugging an application can be difficult, that’s why we never stop working to help make your experience better. This time, we’ve added some options and additional information that will make it easier to trace and analyze your code.
Keep reading to see what’s in store for you:
Code editor: Write more code in less time!
With 4D 18 R4, we announced the availability of the suggested functions for classes (4D and data model). With 4D v18 R6, we’ve got more great news to simplify and facilitate the writing of code in the editor: The prototype of a function and a short description are displayed in the code editor!
Speed up your development process and avoid typos. Now, information about class functions is displayed in the code editor, helping you to write more in less time while making sure that you’re on the right track!
Let’s find out more!
6 practical examples on how to use macros
4D 18 R5 introduced form macros. They can be incredibly useful, for example, by providing an ideal way to save time on repetitive tasks. In this blog post, we’ll show you some basic examples to learn more about how macros work and the possibilities they offer. All of the following examples are available on GitHub.
Contact us
Got a question, suggestion or just want to get in touch with the 4D bloggers? Drop us a line!
* Your privacy is very important to us. Please click here to view our Policy