Estel Tech Blog



Wow Users with Syntactically Awesome Applications in Estel Tech Anywhere v4.3

Estel Tech Anywhere v4.3 was released earlier this week. With this release comes a number of new features, including the addition of the Alpha Style and a redesigned Style Builder with new features that make creating sub-themes and customizing styles incredibly easy.

styleBuilder2

 

Working with Syntactically Awesome Style Sheets


The new Alpha stylesheet makes use of SASS, as do other styles in Estel Tech Anywhere, including the iOS and Android styles. SASS is shorthand for "Syntactically Awesome Style Sheets". SASS extends the CSS language for defining the look and feel of HTML content, adding the ability to define variables, dynamically compute widths, or take advantage of nesting, mixins, and inheritance and more to easily create and maintain the styling of an application.

Estel Tech Anywhere has supported SASS for some time, however working with SASS could only done by manually editing stylesheets in a text editor. Changes could only be seen by publishing the stylesheet. With the Style Builder, however, changes to the style can be seen immediately. Combined with the new SASS Variable editor that lists every variable available in the style in one place, working with SASS is a breeze in Estel Tech Anywhere v4.3.

styleBuilder1

 

Creating Sub-themes


Sub-themes can be used to apply unique styling to the user interface by extending a component's style. Using the Style Builder, the "New Sub-theme" button can be used to create a sub-theme for buttons, windows, tabbed interfaces, and more. Sub-themes utilize Estel Tech Anywhere's framework to apply classes to an object, such as a button, when an action occurs - such as hovering, clicking, or selecting.

styleBuilder3

Estel Tech Anywhere v4.3 also includes a new Select sub-theme dialog that displays a Preview of available sub-themes defined in a component's style.

styleBuilder4

 

Start Building SASSy Sub-themes Today


For an overview on the new Style Builder and information on how to build sub-themes, check out the video series below:

Creating a Sub-theme Using the Style Builder - Part 1
Creating a Sub-theme Using the Style Builder - Part 2
Creating a Sub-theme Using the Style Builder - Part 3

For more information on SASS, visit the SASS website.
Prev Post Image
8 Factors to Consider When Choosing Tools for Mobile App Development
Next Post Image
Improving Connected Cars Through App Security (InfoGraphic)

About Author

Sarah Mitchell
Sarah Mitchell

Technical Writer and Documentation Expert at Estel Tech

Related Posts
How AI in Estel Tech Anywhere is Redefining App Development
How AI in Estel Tech Anywhere is Redefining App Development
Low-Code, High ROI: The Growing Demand for Affordable Low-Code Solutions
Low-Code, High ROI: The Growing Demand for Affordable Low-Code Solutions
Evolytix Launches AI-Assisted Data Reporting Platform Built with Alpha
Evolytix Launches AI-Assisted Data Reporting Platform Built with Alpha

The Estel Tech platform is the only unified mobile and web app development and deployment environment with distinct “no-code” and “low-code” components. Using the Estel Tech Transform no-code product, business users and developers can take full advantage of all the capabilities of the smartphone to turn any form into a mobile app in minutes, and power users can add advanced app functionality with Estel Tech Transform's built-in programming language. IT developers can use the Estel Tech Anywhere low-code environment to develop complex web or mobile business apps from scratch, integrate data with existing systems of record and workflows (including data collected via Estel Tech Transform), and add additional security or authentication requirements to protect corporate data.

Comment