DEV Community

Peter + AI
Peter + AI

Posted on

Uniface 10.4 - Understanding Component Appearance ✨

This blog post was written with the help of an AI assistant πŸ€–. The goal is to explain a part of the Uniface 10.4 documentation in simple words. If you are new to Uniface, don’t worry β€” I’ll break it down step by step.

What is Component Appearance?

In Uniface 10.4, the appearance of a component is how your application looks when it runs. Think of it like the "face" of your app. This can change depending on where and how you run it.

What Factors Influence the Look?

  • Platform and Operating System πŸ–₯οΈπŸ“± On web or mobile apps, the user interface can look different in Windows, Android, or iOS. Even different web browsers (like Chrome or Safari) may render controls differently.
  • Desktop Applications πŸ’» The version of Windows you use can slightly change how a form looks. If you use character mode, it can run on both Windows and Unix.
  • Component Type βš™οΈ A Form becomes a window with menus and panels. A Server Page shows as an HTML page in a browser. Dynamic Server Pages give you more control compared to Static Server Pages.
  • Layout and Widgets 🎨 How you arrange fields, choose widgets, align things, and set spacing changes the look. Each widget (like an input box, drop-down, or checkbox) has its own appearance options.
  • Widget Properties ⚑ These properties control both look and behavior. They can be set in the Uniface IDE, in the usys.ini file, or even dynamically during runtime. For the web, you can also use JavaScript and CSS to style things.

Quick Example

Imagine you build a Form component with a "Name" field. In Windows, it looks like a standard Windows text box. On Android, it uses the native Android text box design. If you apply CSS in a web app, you could even make it green with rounded corners 🌿.

Why Does This Matter?

If you develop applications for multiple platforms (desktop, web, mobile), your users may see things slightly differently. As a developer, it’s important to test on more than one environment to ensure your app looks consistent and professional πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’».

Conclusion

In Uniface 10.4, component appearance is shaped by many things β€” platform, layout, widgets, and more. The great news is that you have flexibility, and you can even customize using CSS or scripts when needed. Understanding this gives you better control over how your applications look and feel πŸš€.

Keywords: Uniface, component appearance, widgets, application design

Top comments (0)