Say Hello to Rounded Corners



Product

The current trend is for light, clean, soft colors and rounded corners. 

For you to embellish your applications and follow the latest trends, we have added the possibility to round the corners of static texts and input texts.

New attribute

A new attribute, “Corner radius,” is available for static text and input objects. Specifying the value via the UI (the property list), CSS, or command is possible. You can define a rounding for these borders: none, plain, and dotted.

Rounded Corner in Action 

Via the property list

The new property is in the “Coordinates & Sizing” theme.

The “Corner Radius” is displayed if the “Border Style” is Plain, Dotted, or None. 

blank

Via Code

The OBJECT GET CORNER RADIUS command allows you to retrieve the rounding defined for an object. With the command OBJECT SET CORNER RADIUS, you can set the rounding.

// Getter
$radius:=OBJECT Get corner radius(*; "Object")
// Setter
OBJECT SET CORNER RADIUS(*; "Object"; $radius)

Via CSS

The name of the CSS attribute is borderRadius. Here is an example of a CSS class:

  .radius {
    borderRadius: 5;
  }

Next

For more information, you can check out the documentation.

Discuss

Tags , , ,

Vanessa Talbot
• Product Owner •Vanessa Talbot joined 4D Program team in June, 2014. As a Product Owner, she is in charge of writing the user stories then translating it to functional specifications. Her role is also to make sure that the feature implementation delivered is meeting the customer need.Since her arrival, she has worked to define key features in 4D. She has worked on most of preemptive multi-threading new features and also on a very complex subject: the new architecture for engined application. Vanessa has a degree from Telecom Saint-Etienne. She began her career at the Criminal Research Institute as a developer for the audiovisual department. She has also worked in media and medical fields as expert in technical support, production as well as documenting new features.