Comflow Documentation

Comflow Documentation

  • Comflow 2.22

›Comflow Styling

Presentation

  • Release Notes
  • Migration Notes
  • Master Sitedef

Chart Implementations

  • Comflow Chart Implementations
  • Comflow Custom Chart Setup

Comflow IPP

  • Comflow IPP Basics
  • Using ppd files
  • Windows Printer Server Setup

Comflow Styling

  • Comflow Styling Basics
  • _config.scss
  • _custom-class.scss
  • Portal Header

Copy to Clipboard

  • Copy to Clipboard Basics
  • External Resources

Datepicker Exceptions

  • Datepicker Exceptions

Desktop Functions

  • Desktop Functions Basics
  • Modes
  • Style

My Functions

  • My Functions Basics

My Settings

  • My Settings Basics

Open API

  • OpenAPI Basics

Portal Menu Options

  • Portal Menu Options Basics
  • Mega Menu
  • Side Menu
  • Top Menu

Quick Search

  • Quick Search Basics

Quick Start

  • Quick Start Basics

Removed Classes/Methods

  • AbstractEnvironment
  • AbstractSegmentChangeObject
  • ApplicationObject
  • CadModel
  • ChangeObject
  • Changes in Rendering Classes
  • ClientInfo
  • Component
  • CoreSessionManager
  • DataInstance
  • Database
  • DriverHelper
  • DynamicModels
  • Environment
  • ErrorUtils
  • FieldChangeObject
  • Field
  • FlexIdImplementation
  • FlexId
  • Introduction
  • Logical Unit of Work
  • PromptRequest
  • RendererInfo
  • RendererModelUtils
  • RendererModel
  • RepositoryUtil
  • Root
  • SegmentChangeObjectImpl
  • SegmentChangeObject
  • SessionMessage
  • SimpleModel
  • Site
  • StringUtil
  • SystemWorkspace

Repository Constant

  • Repository Constant Basics

Sitedef

  • Site definition Settings

Sound Events

  • Sound Events Basics
  • Sound Events in Errors
  • Sound Events in Rules
  • Test Case in Verify

User Avatar

  • User Avatar Basics
  • Changes in Classes and Tables
  • References

User Info

  • User Info Basics

_custom-class.scss

The _custom-class.scss file defines a number of css classes used in net.comactivity.core.applications to put useful focus for the user and deploy a certain hierarchy of importance for data on the screen. These classes are Comflow standard classes and they are shipped with the release of Comflow. Any overrides of these classes should be done in your Custom.css file. There are three levels:

SizeDescription
SSmall. Comflow standard font size, 13px
MMedium. Font size 16px.
LLarge. Font size 19px.

The classes are named either field or label and what size and font weight they refer to i.e. .CustomClass_CA-fieldMBold

In this example, the user id field label in the My Settings portlet refers to the CA-labelM css class and the field itself to the CA-fieldM css class. Hence, the font size is 16px. As you can see, the css selection dialog has a Comflow.css option where all classes generated from _custom-class.scss are listed.

Comflow custom class selection

Screenshot of Comflow custom-class.scss styling in studio

Comflow custom class rendering

Screenshot of Comflow portlet custom-class.scss styling in runtime

← _config.scssPortal Header →
Comflow Documentation
Docs
Corzia Info
Community
User ShowcaseCorzia WebsiteTwitter
More
Update Sitetech@corzia.com
Copyright © 2019 Corzia AB