Style: Labelsdlg_contents_style_panel_labels_labeled.png

Using the Style panel in the Contents pane we can set the display characteristics of labels in a Labels component.   Using Style to control the appearance of labels uses the same panel with the same procedures for changing colors and applying thematic formatting as using Style for drawings.   Please review the Style: Drawings topic, for information on styling drawings, before proceeding with this topic.   Most procedures are so similar they are not repeated in this labels topic.  See Style: Images for how the Style panel works with images.

 

The Style panel does simple things right away, hiding more controls until they are needed.

 

 

 

Style settings applied to labels are also known as formatting.   Changing basic style properties, such as fill color or font, lets us create whatever overall effect, called the total style, we want.  

Related topics:

 

dlg_contents_style_panel_labels.png

 

To change the format of labels:

 

  1. Open the labels component or click onto the label component's tab in an open map window.

  2. Open the Style panel in the Contents pane.

  3. Click on the button for the style property to be changed.

  4. Choose the color desired, or the style, the font, or the size.

  5. The change will automatically be applied to the labels.

 

To change the thematic format of labels:

 

  1. Open the labels component or click onto the label component's tab in an open map window.

  2. Open the Style panel in the Contents pane.

  3. Click on the button for the Style property to be changed.

  4. Click the pull-down menu for fields, choose the field to control thematic formatting.

  5. Choose the Method for grouping records.

  6. Choose the number of Breaks, that is the number of intervals for formatting.

  7. Press Tally to generate a list of intervals in the pane below.

  8. For each interval row, double-click into the sample and enter the desired value for that interval, OR...

  9. To apply a palette if thematically formatting colors, press the Palette button and choose a palette.

  10. Press Update Style to apply the thematic format to the labels.

 

Controls

(Tabs)

The Labels tab shows style property controls.  The Options tab provides controls for style overrides.

btn_style_prop_nofield.png

Buttons without any extra sub-icons apply that same setting throughout the entire layer.   Clicking the button by default will show a drop down menu providing typical, one-click choices.   To see a field choice box allowing choice of a field for thematic formatting, simply click back into the Style panel outside of the drop down menu.

btn_style_prop_field.png

Buttons that show a small "field" sub-icon have their style property controlled by a field, using thematic formatting.   Clicking the button by default will show the thematic formatting arrangement and controls in the Style pane.  To get a drop down menu providing typical, one-click choices, simply click the button again.

btn_style_prop_override.png

Buttons that show a small "box" sub-icon indicate that style property has style overrides enabled, allowing manual setting of style properties on individual objects within a layer.

Total Style

A button showing the combined effect of the other properties to create the illustrated Style for labels.  Often simply called Style.  

Stroke Color

The primary color applied in fonts, as well as in label options and point styles that use a single color.  

 

Important:  Setting Stroke color to transparent makes labels disappear completely.  To render label symbology without using Stroke color, use the Symbol button to drill into the Symbol menu and set the Stroke width parameter to a very small width, such as 0.1.  

Fill Color

The fill or secondary color.  Applied to the interior of label options.  Also applied as the secondary color in point styles used in label symbology.

Size

The size of labels.  May be fractions such as a size of 0.1 or 2.8.  The drop down menu provides a range of default choices.  Enter a specific value into the box to specify a Size other than one of the default choices.

Font

Choose the font.   The initial list provides fonts immediately available and used as standard fonts in most Windows editions.  Choose Custom to pick a font from any font installed in the system using the standard Windows dialog.  The font size setting from the Windows dialog is ignored in favor of using the Style panel's Size property button.

Symbol

Choose symbology for labels.  The drop down menu provides a range of default symbols, with a toolbar that allows configuration of the drop down menu.  Press the More... button at the bottom of the drop down menu for the full Symbol dialog that provides more options.

 

Style Applies to an Entire Layer

Settings in the Style panel, such as Size, by default apply to all labels in the layer. 

 

eg_style_labels_same_style01_01.png  

eg_style_labels_same_style01_02.png

 

 If we change the Size from 8 points to 16 points, all labels  in that layer will have a size of 16 points.

 

eg_style_labels_same_style01_03.png  

eg_style_labels_same_style01_04.png

 

That makes it easy to change the appearance of every label in a layer, instantly.

Different Styles Within a Layer

There are two ways to vary the formatting for individual labels:

 

 

 

To apply thematic formatting, we choose a field in the drop down menu that appears when we have formatted some style property, such as stroke color or size, and then we set the desired style for each of the intervals.   See the Style: Thematic Formatting topic.

 

eg_style_labels_same_style01_05.png  

eg_style_labels_same_style01_06.png

 

When we use a field to set thematic formatting, such as for the Stroke color above,  the style buttons that use a field will have a field icon added.

 

Change basic properties quickly, or Compose combinations

Style panel buttons support two ways of making quick changes, which can be mixed together for fast workflow:

 

 

 

When a labels window or labels layer is active, the Style panel shows a single group of style controls, for labels.

 

dlg_contents_style_panel_labels_labeled.png

 

The left-most, total Style button is a larger button that shows the total, combined style that results from choices made for basic style  properties.  The smaller buttons to the right show the basic style properties that make up the total style.   Because symbols can be complicated, the Symbol property buttons for choosing a symbol are larger than the properties buttons for colors, size, or rotation.

 

Areas, lines and points each have a total Style.  We compose a Style by choosing Stroke Color, Fill Color, Size, and Symbol properties.   Area styles and point styles also have a Rotation property.     Line styles do not have a rotation property.

Quickly Make Basic Changes

Changing a basic property is easy: we click the button and choose what we want.   Buttons launch a drop down menu with the most popular choices.   If we want more, we click More... at the bottom of the drop down menu and then we get even more choices.

 

dlg_labels_style_labeled_01.png

 

Style controls for points are shown above.  The Total Style button adds up all effects to preview the combined result.   If we want to change the Font or Symbol we can click those buttons in turn and choose what we want.

 

dlg_labels_style_labeled_02.png

In the example above, we have picked a darker blue and lighter blue stroke and fill colors, a complex symbol, a Scala Sans Caps Oblique font and a size of 16 points.

 

With each change, the result is applied immediately to the drawing.  

 

dlg_labels_style_labeled_03.png

 

See the Example: Change Point Style  topic for a more detailed, step-by-step example of the above, using points styles for the example.

Compose Combinations All at Once

Sometimes we want to change everything at once, using a preview in the dialog before committing changes.   That is what the Total Style button allows us to do.

 

dlg_labels_style_labeled_04.png

 

Suppose we start with a drawing, called Labels, that provides labels for the names of US states.   We want to change the default formatting of small black font to something more dramatic.

 

dlg_labels_style_labeled_05.png

We click directly on the total Style button.   A drop down menu shows popular choices.    If a thematic format has already been assigned to the total Style button, that thematic format arrangement will appear instead of a drop down menu. To get the drop down menu, simply click the Style button again.

 

dlg_labels_style_labeled_06.png

 

We ignore the preset choices and choose More... at the bottom of the drop down menu, to launch the Label Style dialog,

 

dlg_labels_style_labeled_07.png

 

The Label Style dialog allows us to choose label symbology in the top panel, with a choice of text labels or labels that also include an icon next to the text, called a sidecar icon.   We can choose Stroke and Fill colors, Font Size, Rotation and various options.   The dialog also allows us to quickly choose a background for the preview pane's canvas, so we can see what our proposed style will look like in the actual layer.   In the illustration above we have made a variety of choices to style properties and symbol options.

 

dlg_labels_style_labeled_08.png

 

If we like the effect we press OK, or Cancel if we do not want to apply the changes.

 

See the Example: Change Point Style  topic for a more detailed, step-by-step example of the above, using point style as an example.

 

Font Property

Clicking the Font button allows choosing a standard font with one click from a list or choosing More... to choose any font on our system.

 

eg_labels_font_properties01_01.png

 

The illustration above uses Segoe UI font.   

 

eg_labels_font_properties01_02.png

To change the font to bold or underline, we press the Font style property button.

 

eg_labels_font_properties01_03.png

 

In the drop down menu we choose the Georgia font, which is part of the Standard collection since it is found by default in almost all Windows installations.   If we wanted to choose a font that is not in the initial list of popular choices, we could click the More... button for a full font picker dialog.

 

eg_labels_font_properties01_04.png

 

The display immediately updates to use Georgia as the font.

 

eg_labels_font_properties01_05.png

 

The Style panel also updates to show Georgia as a sample on the Font property button as well as in 12 point size in the Total Style button.

 

Label Symbology

Clicking the Symbol button allows choosing a popular preset for label symbology with one click from a list or choosing More... to specify a variety of label symbology options.

 

eg_labels_symbol_properties01_01.png

 

The illustration above uses default label symbology, with Size increased slightly to 12 points.

 

eg_labels_symbol_properties01_02.png

To change label symbology, we press the Symbol style property button.

 

eg_labels_symbol_properties01_03.png

 

A drop down menu appears that provides popular label symbology options.    To launch the full Symbol dialog we click the More... button at the bottom of the menu.   The default configuration for the Symbol dialog appears below:

 

dlg_labels_symbol_labeled.png

 

If we choose label symbology that utilizes a sidecar icon in addition to text, and if we choose an effects option in addition to plain text, additional controls appear:

 

eg_labels_symbol_properties01_04.png

Controls

(Preview)

Shows a preview of the total symbol created by choosing options in the other controls.   

btn_background_color_picker.png

A color box in the upper right corner of the preview panel provides a drop down menu for choosing background color for the preview.  This is usually set with the Color Picker tool from the drop down menu, picking a typical background color from the map currently in use.

(Symbology)

Choose basic symbology for labels.  At present there are two choices, either text labels or text labels that have a "sidecar" accessory icon next to the text.  More will be added.  Additional controls appear when we choose symbology using a sidecar icon:

 

Stroke color - Color for stroke lines making up the icon.

 

Fill color - Fill color for the icon.

 

Icon Size - Size of the icon, typically in %.

 

Icon Space - Space between the icon and the label text, typically in points.

(Sidecar Icons)

Point symbols that can be used as sidecar, accessory icons.    Used only when the basic symbology for labels includes a sidecar icons.

 

Stroke - Thickness of stroke line used to draw the icon. Can be fractional, such as 0.1, to make the stroke line so thin it disappears, leaving only the fill color portion of the icon.

 

Width - A value in percent from 0 to 100%, giving the width of the icon.  Appears when an icon is selected from the standard point grouping (that is, not glyphs), the first dozen or so icon options.   Sets the relative width compared to height, allowing for narrower icons.

btn_font_picker.png

Choose a font or other collection of symbols.  Fonts which are collections of symbols can provide many thousands of symbols to use as sidecar icons.

(Options)

Also known as effects.  Adds additional design elements such as round or square lozenges surrounding the label text, drop shadow, or halo.   More will be added.    Additional controls appear when we choose some effects:

 

Stroke color - Color for stroke lines making up the effect.

 

Fill color - Fill color for the effect.

 

Stroke - Thickness of stroke line used to draw the effect, such as the border of a label lozenge, or thickness of halo effect. Can be fractional, such as 0.1, to make the stroke line so thin it disappears, leaving only the fill color portion of the icon.

 

Padding  - Space between the label text and the lozenge border, for effects that use lozenges or other containers.

 

Angle - The angular direction in which a drop shadow is placed.

 

Offset  - Space between the drop shadow and label.

btn_style_prop_nofield.png

Buttons without any extra sub-icons show defaults inherited from the main Stroke and Fill color properties in the Style panel.

btn_style_prop_field.png

Buttons that show a small "field" sub-icon have their inherited color controlled by a field, using thematic formatting.  

btn_style_prop_override.png

Buttons that show a small "box" sub-icon indicate that the default color has been replaced by a user-specified choice.

 

 Total Style Button

We can specify all properties at once using the total Style button:

 

eg_labels_total_style01_01.png

A drop down menu appears that provides popular label symbology options.

 

eg_labels_total_style01_02.png

 

To launch the full Label Style dialog we click the More... button at the bottom of the menu.   A typical configuration for the Label Style dialog appears below:

 

eg_labels_total_style01_03.png

 

The dialog is very similar to the label symbology dialog shown above, except that it has four additional controls below the Preview panel, which duplicate the Stroke Color, Fill Color, Size and Font properties controls from the main Style panel.  

 

eg_labels_total_style01_04.png  eg_labels_total_style01_05.png

 

The additional controls make it possible to configure label style entirely within the dialog, getting a sample of what the total label style will look like.   For example, we can click the Font property button and change the Scala Sans Caps Italics font to a Segoe UI Bold font.    We instantly see the change in the preview panel.   If we like the total style thus created, we can click OK in the Label Style dialog to apply it.  If we do not like the effect, we can click Cancel.

 

Label Symbology Options Examples

Following are typical examples of available label options using black as the Stroke Color for the font, Tahoma as the Font and Size value of 12.   Option examples use a variety of colors for  Stroke Color and white as the Fill Color for the option.  

 

il_icon_label_style_01.png

eg_style_labels01_01a.png

The Plain option provides a single color font with no label effects.

il_icon_label_style_02.png

eg_style_labels01_02a.png

The Border Circle option, with a Stroke width of 2 and Padding of 6.   Not well suited for long text labels since the circles become too big, but a good choice for single letters or numbers.

il_icon_label_style_03.png

eg_style_labels01_03a.png

The Border Rectangle option, with a Stroke width of 2 and Padding of 6.

il_icon_label_style_03.png

eg_style_labels01_03b.png

The same Border Rectangle option, but with a Stroke width of 0.01 and Padding of 3.   The very thin stroke width makes the border disappear, leaving only the white fill color, while a smaller padding makes the white background box smaller.

il_icon_label_style_04.png

eg_style_labels01_04a.png

The Border Rounded Rectangle option, with a Stroke width of 2 and Padding of 6.

il_icon_label_style_04.png

eg_style_labels01_04b.png

The same Border Rounded Rectangle option, with a Stroke width of 1 and use of transparent color for the Fill color of the option.

il_icon_label_style_05.png

eg_style_labels01_05a.png

The Shadow option uses an Angle of 135 and an Offset of 10%.  The color for the shadow is a darker shade of the light brown background.

il_icon_label_style_05.png

eg_style_labels01_05b.png

The same Shadow option, but instead of using a black font, using a lighter shade of the background color for the Stroke color for the font.  

il_icon_label_style_05.png

eg_style_labels01_05c.png

The same Shadow option, but using sidecar icon symbology, with a castle icon that uses black Stroke color and green fill color, with an Icon size of 150% and Icon space of 2. Once again, we use a black font.

il_icon_label_style_06.png

eg_style_labels01_06a.png

The Halo option uses color of white and a Stroke width of 3 points.

 

Notes

 

Transparent colors - The first "color" in drop down color menus, represented by a box with an X, is transparent color.  Using that color for an object makes invisible those parts of the object using transparent color.    Setting Stroke color to transparent makes the entire object disappear.  To render a style without using Stroke color, use the Symbol button to drill into the Symbol menu and set the Stroke width parameter to a very small width, such as 0.1.  Use transparent color with care.   See the discussion in the Example: How Not to Format a Drawing topic.

 

Nomenclature - The word format is traditionally used in GIS to mean display characteristics.  A more contemporary word is style, hence the name of the dialog in Manifold.   In this documentation we normally use the words style and format as interchangeable synonyms, albeit with style used more often to refer to patterns, such as icons for points or hatch patterns for areas, with format being a broader term to refer to any display characteristic.

 

See Also

Maps

 

Drawings

 

Labels

 

Style: Drawings

 

Style: Thematic Formatting

 

Style: Overrides

 

Example: Change Point Style - Using new Style panel controls to change point style, either very rapidly one property at a time, or using the total Style button to compose a new style with changes to several properties at once.

 

Example: Style Panel Quickstart - A tutorial introduction to using the Style panel in the Contents pane to apply color, symbology, size and rotation to areas, lines and points in drawings.

 

Example: Format a Drawing using the Style Panel - In this example we provide a first, step by step look at how to format areas in a drawing using the Style panel.  We can specify the same formatting for all areas or use a field to automatically set formatting, a process usually known as thematic formatting.

 

Example: Format the Size of City Points by Population - A common GIS task is to format the size of points in a drawing based on some value.  For example, the size of points that represent cities might be formatted based on the value of the city's population, with cities that have larger populations being marked by larger point icons.  This is an example of thematic formatting and is easy to do using the Style panel.

 

Example: Add, Delete and Edit Thematic Formatting Intervals - This topic provides a step by step example of adding, deleting and editing intervals in the Style panel that are used for thematic formatting.

 

Example: Style Properties in the mfd_meta Table - Style properties for drawings such as colors for areas are stored in human readable JSON values as properties in the mfd_meta system table.   This example shows how we can copy formatting from one drawing to another by simply copying values between records in the mfd_meta table.

 

Example: Formatting Tricks - The visualization capabilities of Manifold using Style can be exploited to provide many visual effects.   This topic provides some examples of how to use Style in unexpected ways to create a range of more elaborate effects.

 

Example: How Not to Format a Drawing -  When using Style to format a drawing it is a really bad idea to use the same color for objects that is used for the background color.    It can also be a bad idea to use transparent color.   This topic illustrates why.

 

Example: Style Overrides - Working with style overrides to individually style areas, to use or not use style overrides, to find all records using style overrides and to clear style overrides.

 

Videos

Manifold 9 - New Labels Features in 9 - Take a look at new Labels features in Release 9 that can be used in the latest, free Manifold Viewer Edge as well. With two clicks we add labels to a map where each label automatically takes its text from fields in a drawing layer. Next we use a single click to create a labels layer that allows us to interactively add a label wherever we want, as a point label or along a line we draw. We see how to turn on per-label formatting so each label can be styled differently.

 

Manifold Future - Future Tour Part 1 - This video shows how to download and use a portable installation for Manifold Future.  The video also shows the Contents, pane, layers and layer opacity, one click use of data source favorites, using your own archival favorite and getting record values instantly.  If you are using Viewer or Radian Studio, download and use the Future version to get access to all these powerful new features.

 

Manifold Future - Future Tour Part 2 Editing - The video shows how to create new objects, how to add fields and vertices and move vertices around, how to edit existing objects and how to use simple selection methods to choose vertices to move together, including moving all objects.

 

Manifold Future - Future Tour Part 3 Editing - The editing tour continues with a look at how to create branched objects, including how to create areas with holes and islands, how to add branches to lines and how to add coordinates between vertices in existing objects.  We finish up by creating an area that traces over a pond in the Luxembourg Gardens in Paris using a Google satellite view, and then we add a hole to that area and two additional islands.

 

Manifold Future - Future Tour Part 4 Edit Attributes, Move a Point - We use Manifold Future to see how to view attributes of objects in drawings, including use of the new Edit dialog to view long, multi-paragraph text fields.  We edit fields and see how easy it is to preview edits and either accept them or abandon them. We switch to editing the geometry of objects in a drawing, viewing the coordinate locations and using mouse moves to reposition points. We edit the location of a point to correct an error in a drawing, using Google Satellite view to provide context for the correction.  Fast and easy, with previews all the way!

 

Manifold Future - Future Tour Part 5 Unicode Attributes and IME -  We take a tour through Manifold Future attribute editing, showing how to edit attributes in a drawing using the Record panel Values

tab and the expanded Edit dialog, including advanced Unicode facilities and use of the built in Input Method Editor (IME) to input text in Japanese language.

 

Manifold Future - Future Tour Part 6 Cell Context Menu - A short video showing a fast and easy way to copy between cells in tables using the context menu.  Also... one step undo of pending changes,  setting the value of a cell to NULL and more. The context menu on cells is such a simple thing but it makes repetitive editing of tables much faster and easier.

 

Manifold Future - 5 Minute Style Quickstart - A five minute, fast and easy introduction to the new Style and formatting capabilities in Manifold Future. In just five minutes learn how to rapidly change colors, symbology, sizes and rotations for area, line and point objects in drawings.

 

Manifold Future - Example: Style Panel Quickstart - A video that repeats the Example: Style Panel Quickstart topic.  The video shows how to format points using the Style panel, including simultaneous formatting of multiple style properties using the same thematic format setup. See how to use free meteorology symbols from a popular, free font, how to use letters and other symbols as point symbology and more.

 

Manifold Future - Example: City Sizes by Population - A video that repeats the Example: Format the Size of City Points by Population topic. The video shows how to vary the sizes and colors of points in a map by the populations of cities those points represent, a classic example of thematic formatting. See also what the percentage numbers in the intervals list mean and how interval methods are automatically calculated by Manifold based on the data in the drawing.