4D Blog

Home Product LIST BOXES: More Control. More Beauty!

LIST BOXES: More Control. More Beauty!

July 14, 2022

Product

List boxes are powerful and very customizable form objects. And their power is extended with 4D v19 R6 thanks to two new properties: horizontal and vertical padding (the inner margins or the space between an element’s content and its border). They will give new presentation possibilities to your list boxes, and an even more professional appearance to your interface, 

List Boxes: Horizontal and Vertical Padding 

These properties can be set globally for the whole list box or for each element like columns, headers, or footers.

Once defined for the list box, they will be applied to every sub-object of the list box by inheritance. But of course, each sub-object can have its own settings.

Before

After

blank

Design mode

In design mode, they will appear in the list of properties under “Coordinates and sizing.” These settings will use values defined in pixels, just like many other properties. When these values are set to zero, the default system padding value will be applied (like in previous versions). Any additional values will be added to the system values (remember that negative values are not allowed).

blank

Programming

Like most List box settings, they can be defined with the LISTBOX SET PROPERTY command thanks to two new constants, lk cell horizontal padding and lk cell vertical padding.

Code sample

(This is the code that has been used to create the “Before / After” pictures at the top of this article)

// Set Horizontal padding for the List box globally
LISTBOX SET PROPERTY(*; "LB"; lk cell horizontal padding; 6)
// Then Set a specific Horizontal padding for the footers
LISTBOX SET PROPERTY(*; "LB_Footer@"; lk cell horizontal padding; 16)
// Set vertical padding for the List box globally
LISTBOX SET PROPERTY(*; "LB"; lk cell vertical padding; 2)
// Then Set a specific vertical padding for the headers
LISTBOX SET PROPERTY(*; "LB_Header@"; lk cell vertical padding; 9)
// and a specific vertical padding for the footers
LISTBOX SET PROPERTY(*; "LB_Footer@"; lk cell vertical padding; 10)

CONCLUSION

These two new properties will bring you additional graphical sophistication for managing list boxes. Don’t hesitate to use them!

More details on the documentation center. And as always, feel free to get in touch on the 4D Forums.

 

 

Discuss

Tags Listbox, Programming, UI, v19 R6, v20

Latest related posts

  • January 9, 2026

    Session handling in 4D Qodly Pro

  • January 7, 2026

    Enhance your Desktop Interface with Web widgets using 4D Qodly Pro

  • January 7, 2026

    Embed Qodly pages in a 4D web area without extra cost

Roland Lannuzel
Roland Lannuzel
• Product Owner & 4D Expert • After studying electronics, Roland went into industrial IT as a developer and consultant, building solutions for customers with a variety of databases and technologies. In the late 80’s he fell in love with 4D and has used it in writing business applications that include accounting, billing and email systems.Eventually joining the company in 1997, Roland’s valuable contributions include designing specifications, testing tools, demos as well as training and speaking to the 4D community at many conferences. He continues to actively shape the future of 4D by defining new features and database development tools.
  • Deutsch
  • Français
  • English
  • Português
  • Čeština
  • Español
  • Italiano
  • 日本語

Categories

Browse categories

  • AI
  • 4D View Pro
  • 4D Write Pro
  • 4D for Mobile
  • Email
  • Development Mode
  • 4D Language
  • ORDA
  • User Interface / GUI
  • Qodly Studio
  • Server
  • Maintenance
  • Deployment
  • 4D Tutorials
  • Generic
  • 4D Summit sessions and other online videos

Tags

4D AIKit 4D for Android 4D for iOS 4D NetKit 4D Qodly Pro 4D View Pro 4D Write Pro 20 R10 21 Administration AI Artificial Intelligence Build application CI/CD Class Client/Server Code editor Collections Formula Google Listbox Logs Mail Microsoft 365 Network Objects OpenAI ORDA PDF Pictures Preemptive Programming REST Scalability Security Session Source control Speed Spreadsheet Tutorial UI User Experience vscode Web Word processor

Tags

4D AIKit 4D for Android 4D for iOS 4D NetKit 4D Qodly Pro 4D View Pro 4D Write Pro 20 R10 21 Administration AI Artificial Intelligence Build application CI/CD Class Client/Server Code editor Collections Formula Google Listbox Logs Mail Microsoft 365 Network Objects OpenAI ORDA PDF Pictures Preemptive Programming REST Scalability Security Session Source control Speed Spreadsheet Tutorial UI User Experience vscode Web Word processor
Subscribe to 4D Newsletter

© 2026 4D SAS - All rights reserved
Terms & Conditions | Legal Notices | Data Policy | Cookie Policy | Contact us | Write for us


Subscribe to 4D Newsletter

* Your privacy is very important to us. Please click here to view our Policy

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