Product

Developing with 4D in a dark environment on macOS

Automatically translated from English

Since 4D v19, you can create applications on macOS that support dark mode, so you can match your users’ taste by giving them the possibility to choose either light or dark style applications.

With 4D v19 R3, we are giving you, as a developer, the choice when developing your application. 4D Developer Edition integrates seamlessly with the light or dark look of macOS to avoid the battle between light and dark mode that has been waging for years!

Product

Great news! The image settings dialog is here

Automatically translated from English

Images are an essential part of documents. On an invoice for example, getting the right positioning for the company logo is important. That’s why the 4D Write Pro interface component offers a property dialog for images. You or your end users can easily define:

  • the size of the image
  • the display format
  • the margins and padding
  • the position on the page for anchored images

 

Product

Simplified navigation between development windows

Automatically translated from English

When writing a new function or method, or when creating a form, the work is never linear. We usually need to:

  • access the explorer to find the form in its folder
  • access the explorer to write the documentation for the method
  • read the documentation of a command on the 4D documentation website
  • read the documentation of a component’s method

 

In this new version, we have added some menu items in the code editor and form editor to allow you to better navigate between the different elements of a project.

Tips

4D REST API + ReactJS

Automatically translated from English

by Mourad Aouinat, Software Engineer at 4D Morocco

In a previous blog post, we saw how easy setting up a REST API using 4D. In this blog post, we will leverage the powerful 4D REST API in combination with React to build a To-Do app that includes features to open todos, create new ones, modify existing ones, and features for bulk modification and bulk deletion.

Tips

CSS Media query for a dark or light UI

Automatically translated from English

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.

Product

Dark Mode support on macOS has arrived.

Automatically translated from English

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!

Product

4D View Pro now in 6 languages!

Automatically translated from English

We know how important it is for both you and your customers to have 4D View Pro spreadsheets in your native language. That’s why 4D v18 R5 now provides a set of five supported languages! In addition to English, we’ve added support for French, German, Spanish, Japanese, and Portuguese!

Product

Type ahead made easy

Automatically translated from English

If you’re interested in the user interface, you may have already used the On before keystroke and On after keystroke events. You’ll certainly be happy to know that the handling of these events has been greatly enhanced with 4D v18 R5. In addition, a new command has been created to determine if there is ongoing input when the On before keystroke event is generated. Let’s find out more!

Product

Preview your CSS directly in the form editor!

Automatically translated from English

In 4D v18 R5, you can preview the final CSS rendering in the form editor WITHOUT running your dialog. Yes, you heard that right. Standardizing and reviving your forms has never been easier!

If you haven’t yet heard about CSS in 4D, now’s the perfect time to learn more! Introduced in 4D v18 for project applications, this concept includes enhanced and quick style sheets based on CSS. I recommend taking a look at this blog post.

Product

Select 4D Write Pro Interface pages to display

Automatically translated from English

The two 4D Write Pro Interface widgets continue to be enhanced with more abilities and functionalities in each release. For some of your applications, not all the widget pages are useful. For example, you use 4D Write Pro to format your emails, so you only want to display a few pages to simplify the interface and make the user’s work easier.

4D v18 R5 lets you display only the desired pages. Keep reading to learn how!