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 the video at Manifold 9 - Style Panel Quickstart - Labels for a video demo of label styles.

 

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_07a.png

 

At the present time the Standard list of  text treatments has just one choice, using the straight text, so there is nothing else to choose.   In the preview box we set the background color to one of the state colors, in this case, the background color for the state of Utah, which we can choose with the eyedropper tool.    That provides a realistic background for the preview.

 

We change the label size to 16 pt and, using the button next to the point size, we change the font to an all-caps, italic font, in this case, Scala Sans Caps Italic.     We check the Shadow box to enable a shadow, choose an offset of 2 points and choose a medium gray color for the shadow.    

 

We click the Icon tab to add an icon symbol next to the text, called a sidecar icon.  

 

dlg_labels_style_labeled_07.png

 

We check the Icon box and set the Fill color to a nice blue color.  We change the Stroke to 2 points.   To space the sidecar icon further away from the text, we check the Move box and choose 6 points for the offset.   

 

We would also like the icon to have a shadow, so we check the Shadow box, set the offset for the shadow to 2 points, and we change the color for the shadow to the same gray color specified in the Symbol tab for the text's shadow.   If we like the effect shown in the preview pane, we press OK, or if we do not like the effect we press Cancel to exit the dialog without applying the changes.

 

dlg_labels_style_labeled_08.png

 

See the Example: Change Point Style  topic for a detailed, step-by-step example of using the style dialog with point styles.

 

Fonts

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 text in the Georgia font as a sample on the Font property button as well as in 12 point size in the Total Style button.

 

Symbol Dialog for Labels

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.

Symbol Tab

Like most styles in Manifold, Labels are composed of three basic building blocks: the Symbol, an optional Icon, and an optional Box.   The Symbol dialog organizes the three sets of options into three tabs, so we do not clutter the dialog with options that are not being used.

 

Every label at least uses a "symbol," so the Symbol tab opens by default when the dialog opens.  

 

"Symbology" for labels means how the text for the label is represented.   Most Manifold styles have many choices in pre-built symbology.  At the present time, labels only have one choice, the unmodified text for the label with no special formatting applied, so the "Standard" pane which in point styles might be populated with a grid of many options has only one option for Symbology.  

 

Likewise, the Filter box at present is not useful since there is only one choice and thus no need to filter by name from many options.  As options expand in future builds for label symbology, it is likely many choices will become available in the Symbology pane.

 

dlg_labels_symbol_tab_symbol_labeled.png

 

The primary use of the Symbol tab at present is to choose the three basic options that can be applied to the label text, that is the label "symbol":  Move, to shift the placement of the text in relation to the point which anchors the text; Shadow, which applies a drop shadow of the specified color (by default, the top level Fill color); and Halo, which applies an aura of color around the text at the width of the specified Padding using the specified color (by default, the top level Fill color).   The use by default for shadows and halos of whatever is the Fill color specified in the Style pane is a convenience: we can change that to any color we like, and most often we will choose a different color.

Symbol Tab Controls

(Preview)

Shows a preview of the total style 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 often set with the Color Picker tool from the drop down menu, picking a typical background color from the map currently in use.

Filter

For future compatibility: not used at present since there is only one choice for symbology.  Filter boxes in Manifold dialog allow reducing lists of very many choices to just those whose names match the text in the Filter box.  For example, in a color dialog entering blue in a Filter box would show colors named Slate Blue, Gray Blue, Dark Blue and similar.

(Symbology)

Choose basic symbology for labels, with "symbology" in the case of labels meaning how the text is formatted.  At present there is only one choice for symbology.   More choices are expected in future builds.

Move

Check the Move box to enable shifting placement of the label text relative to the defining point, in the given angle direction to the given offset distance.

 

ico_nb_arrow_blue.png The Move box has no effect on labels created from areas, since the position of such labels is automatically computed by Manifold.

 

Angle - One of eight possible positions approximately indicated by the compass direction in degrees.   An Angle of 0 means to place the text directly North, that is, directly above the defining point.  An Angle of 270 means to place the label text directly to the left, that is, directly West, from the defining point location.  An Angle of 90 means to place the label text directly to the right of the defining point.  See the Style: Label Placement topic for illustrations of how Angle controls the placement of labels.

 

Offset - The distance from the defining point location to shift the label text. There are four ways of specifying offset distance, as discussed in the section on specifying sizes in parameter boxes.

Shadow

Check the Shadow box to create a drop shadow for the label text, with the shadow shifted relative to the text in the given angle direction to the given offset distance.

 

Angle - The compass direction in which to move the location of the shadow.  An Angle of 0 means to move the shadow directly North, that is, directly upward, from the text.  An Angle of 270 means to move the shadow directly to the left, that is, directly West, from the text.  An Angle of 135 is the default.

 

Offset - The distance from the text to shift the shadow.  There are four ways of specifying offset distance, as discussed in the section on specifying sizes in parameter boxes.

 

(color box) - Specify the color desired for the drop shadow.  Loaded with the Fill color from the Style panel by default.

Halo

Check the Halo box to create a halo, that is, an aura of color, surrounding the text to the width given by the padding.

 

Padding - The distance outwards from the text that the halo extends.  There are four ways of specifying Padding distance, as discussed in the section on specifying sizes in parameter boxes.

 

(color box) - Specify the color desired for the halo.  Loaded with the Fill color from the Style panel by default.

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_override.png

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

 

The controls above apply only to the label text.  If we add a halo or a drop shadow, for example, that halo or drop shadow will appear only for the label text and not for any icon or box, if an icon or box element has been added to the label.

Specifying Size in Parameter Boxes

Dialog controls often provide a box that specifies a size of some kind, such as the width of a line, the size of symbol, the padding width of a halo, the offset distance of a shadow or other effect, the length of a dash element in a dashed line, or some other indication of size, width, length.   Manifold uses the same style of size specification in all these cases, providing four ways to specify the size.  Two of these ways are absolute, without reference to any other parameter.   The two other ways of specifying size are relative to some other, controlling size value.

 

There are four ways of specifying size:

 

eg_size_param_number.png

A number - Entering a number, such as 5, gives a size in points.

eg_size_param_number_unit.png

A number with a unit - Entering a number with an abbreviation for a unit, such as 10pt, specifies a size in that unit, for example, 10 points.   At the present time, only the pt abbreviation is recognized.  Plans for future builds included adding units such as millimeters and inches.

eg_size_param_percent_sign.png

% sign - A relative size specification, the specified percentage of whatever is the main size factor, for example the main Size factor in the Style panel for point size.  200% specifies a size twice the overall size.  50% specifies a size half the overall size. % specifications are popular with experienced users because they automatically scale the specified size if the overall Size is increased or decreased.

eg_size_param_at_sign.png

@ sign - A relative size specification, that adds to or subtracts from whatever is the main size factor.   5@ means five points larger than the main size factor.  -3@ means three points smaller than the main size factors.  

Examples

We use 1.5 for the Stroke size of a point symbol:  If the overall Size for the point is 36 points, or 24 points or any other value, the width of the stroke line used to draw the symbol would be 1.5 points.   Using a fixed specification like this is not a good idea if point sizes will vary, because the stroke line will appear disproportionately fat for smaller symbols and disproportionately thin for larger symbols.  

 

We use 5% for the Stroke size of a point symbol:  If the overall Size for the point is 36 points, the width of the stroke line used to draw the symbol would be 1.8 points.   If the overall size of the point is 24 points, , the width of the stroke line used to draw the symbol would be 1.2 points.   Using a % specification for Stroke width is a good idea if point sizes will vary, because then the thickness of the stroke line will be proportionate to the size of the symbol, retaining visual balance.

 

We use 10% for the Shadow offset size for a point symbol:  If the overall Size for the symbol is 36 points, the shadow would be offset 3.6 points.   If the overall Size for the symbol is 24 points, the shadow would be offset 2.4 points.   Using % for shadow offsets may not produce the desired effect, because shadows are perceived as indicating the distance of the object from some background.  Visually, they should be the same displacement for both larger and smaller objects if all objects are in about the same imagined distance from the background. Using a fixed value like 3pt might be a better idea.

 

We use 300%,200% as the Dashes specification for a border line:  If the border line size was 2 points the specification would result in a dash length of 6 points and a space length of 4 points.   If the border line size was 3 points the specification would result in a dash length of 9 points and a space length of 6 points,   

 

We use -3@ as the Insert size specification for an "insert" style point symbol:  If the size for the point symbol is 10 points, the -3@ specification results in an insert that is 7 points in size.  An insert for a point symbol with a size of 36 points given an Insert size of -5@ would be 31 points in size.  Negative numbers resulting from use of negative @ specifications are converted to a value of zero.

Icon Tab

The Icon tab allows us to add a sidecar icon to the label.  Icons can be symbols like those used for points, taken from the Standard collection of built-in vector symbols, from the built-in Glyphs or Brands collections of vector symbols, from a Font, or even from a bitmap Image.   The controls in the Icon tab will automatically adjust depending on what type of symbol we are using, with slightly different controls for vector symbols or bitmap symbols.

 

Option controls for icons are the same as used in point styles.  See the Style: Points topic for details and useful information.

 

dlg_labels_symbol_tab_icon_labeled.png

Icon Tab Controls

(Preview)

Shows a preview of the total style 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 often set with the Color Picker tool from the drop down menu, picking a typical background color from the map currently in use.

Icon

Check to add a sidecar icon to the label.  Controls in the tab will not be enabled if this box has not been checked.

(size box)

The size of the sidecar icon.  There are four ways of specifying size, as discussed in the section on specifying sizes in parameter boxes.

(color boxes)

Specify the Stroke color and Fill color desired for the sidecar icon.  The color boxes are loaded by default with the Stroke color and Fill color from the main Style panel.  We can choose transparent color for the Stroke color to make the stroke line disappear, while leaving the Fill color.  This is slightly different from symbols used for point object styles, where choosing a Stroke color of transparent makes the entire point object disappear.

btn_font_picker.png

Choose a collection for the symbology pane, from which we can choose a symbol to use as an icon.  The Standard, Glyphs and Brands collections provide built-in sets of symbols. A short list of popular Windows symbols fonts are available for quick choices.   We can also choose any Font installed on the system as a source of symbols, or load bitmap symbols from any Images on the system that are less than 4 MB in size and less than 1024 x 1024 pixels in extent.

Filter

Filter boxes in Manifold dialog allow reducing lists of very many choices to just those whose names match the text in the Filter box.   For example, entering circle in the Filter box would show icons in the Standard collection named Circle, and Circle Insert.   Use the Filter box to quickly find a given icon in large collections of symbols.  The Glyphs choice, for example, provides hundreds of symbols from which we can choose, each of which has a more or less descriptive name.  Enter fire to quickly find the Fire Extinguisher symbol.

(Symbols or Bitmaps)

Click a symbol from the collection shown.  It will appear as the icon in use in the preview box.

Insert size / Insert

Appears when we choose a symbol from the Standard collection that includes a small shape within the overall symbol.  The small shape is called an insert.

 

Insert size:  The size of the insert, 30% by default.  There are four ways of specifying insert size, as discussed in the section on specifying sizes in parameter boxes.

 

Insert: The shape of the insert, auto by default, meaning the same shape as the symbol. The drop down menu provides choices for circle, diamond, hexagon, octagon, pentagon, triangle, rectangle, and rectangle rd, which is a rectangle with rounded corners.

 

(color box) - Set the color desired for the insert.  Loaded with the Stroke color from the Style panel by default.

Stroke

The width of the Stroke line used to draw a vector symbol.  This option does not appear with bitmap image icons or with font symbols, since the font itself controls stroke width.   We can use fractional values if we like, for thin stroke lines. There are four ways of specifying stroke width, as discussed in the section on specifying sizes in parameter boxes.

Width

A value in % from 1% to 100%. The Width option appears for the Standard collection of vector icons and for bitmap Image icons, but not for fonts or other collections.  A value of less than 100% squeezes the icon horizontally to make it less wide.  50% width results in an icon that is proportionally squeezed so it is the same height but only half as wide.  Useful for creating vertically-oriented rectangles as sidecar icons, or tall, pointy triangles.

Move

Check the Move box to shift the position of the sidecar icon relative to the label text.   If the box is not checked the icon appears to the left of the label text with a padding of 3 points.

 

Angle - One of twelve possible positions approximately indicated by the compass direction in degrees. An Angle of 0 means to place the icon directly North, that is, directly above and in the middle of the text.  An Angle of 270, the default, means to place the sidecar icon directly to the left, that is, directly West, from label text.  An Angle of 90 means to place the icon directly to the right of the text.   See the Style: Label Icon Placement  topic for illustrations and details.

 

Offset - The distance from the label text to the icon, by default 3 meaning three points.  There are four ways of specifying offset distance, as discussed in the section on specifying sizes in parameter boxes.

Shadow

Check the Shadow box to create a drop shadow for the sidecar icon, with the shadow shifted relative to the icon in the given angle direction to the given offset distance.

 

Angle - The compass direction in which to move the location of the shadow.  An Angle of 0 means to move the shadow directly North, that is, directly upward, from the icon.  An Angle of 270 means to move the shadow directly to the left, that is, directly West, from the icon.  An Angle of 135 is the default.

 

Offset - The distance from the icon to shift the icon's shadow. There are four ways of specifying offset distance, as discussed in the section on specifying sizes in parameter boxes.

 

(color box) - Set the color desired for the sidecar icon's drop shadow.  Loaded with the Fill color from the Style panel by default.

Halo

Check the Halo box to create a halo, that is, an aura of color,  surrounding the sidecar icon to the width given by the padding.

 

Padding - The distance outwards from the icon that the halo extends.  There are four ways of specifying padding distance, as discussed in the section on specifying sizes in parameter boxes.

 

(color box) - Set the color desired for the sidecar icon's halo.  Loaded with the Fill color from the Style panel by default.

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_override.png

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

 

The controls above apply only to the icon.  If we add a halo or a drop shadow, for example, that halo or drop shadow will appear only for the icon and not for any label text or box.

 

dlg_labels_symbol_tab_icon_insert.png

 

We can combine colors for the different elements to get a seemingly infinite range of effects.   In the illustration above we have used a symbol from the Standard collection using light blue and black as basic colors.   The symbol we have chosen is the Hexagon Insert symbol.   For the insert shape we have chosen a triangle shape with an Insert size of 50%.   We use white color for the insert.   A Stroke width of 2 points is used for the stroke line of the symbol and insert.   We have also clicked Move to provide 10 points of space between the icon to the left of the text.   We use a Halo of medium brown color that is has Padding for a width of 3 points for the halo, and a Shadow using dark gray that is offset 2 points from the symbol.   The result is a sharp icon with a seeming 3D effect.

Choosing Different Icon Collections

btn_font_picker.pngThe collections picker button provides a drop down menu that lets us pick a collection of symbols to use.   

 

Built-in collections of symbols appear in the upper section of the menu.   The Standard collection is a simple set of vector shapes.  The Glyphs collection provides a general purpose collection of vector shapes.  The Brands collection provides a set of vector shapes implementing logos and trademarks for well known brands.

 

The middle section of the drop down menu provides one-click access to popular symbol fonts usually found on Windows systems, including Webdings and the Wingdings series of fonts.   The Font... choice allows us to choose any font that is installed on our system as a source of icon symbols.   The Image choice allows us to choose as a bitmap icon any bitmap image that is less than 4 MB in size and less than 1024 x 1024 pixels in extent. tech_tina_sm.png    See the discussion in the Style: Bitmap Symbols topic.

 

Important: For icons we can use symbols from the built-in collections of symbols, like the Glyphs collection, from fonts or from bitmap images.   Symbols we use from the built-in collections are always available and will continue to work even if we move the project to a different computer.

 

Symbols we take from bitmap images will also continue to work if we move the project to a different computer.  When we use an icon taken from a bitmap image, the image data for the symbol is encoded and stored into the style within the project.   If we save the project to a .map file we can copy the project to a different computer and the style will still appear correctly even if the original image file does not exist on that new computer.

 

Symbols from fonts are not embedded into the project. They depend on having the font installed in the Windows system we are using.   Suppose we choose a symbol from a font such as Meteocons, the font used as an example in the Example: Style Panel Quickstart topic, and we save the project as a .map file.  If we move that .map project to a different computer and then open it with Manifold, the style using that symbol will display correctly only if the Meteocons font is also installed in that new computer.   If the Meteocons font is not installed, the symbol will not display.

 

dlg_labels_symbol_tab_icon_dropdown.png

 

btn_font_picker.pngTo choose a different collection of symbols we press the collections picker button and choose the collection desired.  For example, we can choose the Glyphs collection.  That will fill the symbol grid with many icons available in the Glyphs collection.

 

dlg_labels_symbol_tab_icon_glyphs.png

 

In the illustration above we have clicked on the Ambulance icon.  It immediately appears, by default, to the left of the text at a distance of three points from the text.  We have checked the Move box to increase the offset of 10, to provide more space between the icon and the text.  We have also set the background color to light gray, and we have chosen bright red color for the icon's Stroke color and white color for the icon's Fill color.  Size is still 100%.

 

We can change the symbol used for the icon without changing the other factors.   

 

btn_font_picker.pngFor example, we can use the collections picker button to choose a Font.

 

dlg_labels_symbol_tab_icon_fonts.png

 

In the illustration above, we have chosen the Meteocons font, the same font used as an example in the Example: Style Panel Quickstart topic, and we have clicked on one of the symbols in that font.  It immediately replaces the ambulance symbol, but the other options remain the same even if they are not used: Stroke color is still red, and Fill color is still white, although it is not used by this font symbol.  Move is still checked and the offset is still 10 points.   The Stroke option has disappeared, since fonts set their own stroke thickness as part of the definition of the font and choice of font characteristics such as Bold or Regular when choosing a font.  

 

btn_font_picker.pngWe can use the collections picker button to choose a bitmap sidecar icon from images.    See the discussion in the Style: Bitmap Symbols topic.

 

dlg_labels_symbol_tab_icon_images.png

 

In the example above we chose the Images... choice and then loaded icons from bitmap images of colored beads.  We clicked on the first one to choose it as the sidecar icon.  Move is still checked, so It immediately appears to the left o  f the text, at the Angle of 270 and offset of 10 points.  Size is still 100% so the bitmap image icon appears about the same size as the text.   Stroke and Fill colors are still red and white, but not used by the image icon.  A Width parameter has appeared, just as with the Standard collection, and that is still at 100% as before.

Box Tab

The Box tab allows us to add a box around the label.  Boxes of contrasting color that surround text labels can help set off the text for greater legibility.  Such effects may be called text backgrounds in ESRI products or a banner text, or a text within a lozenge or similar nomenclature.  Manifold simply calls it a box.  

 

To add a box around a label, including any sidecar icon if one is used, in the Box tab we check the Use box option and then choose the box desired from the grid panel.  At the present time, there are only three box styles available, with more expected to be added in future builds.

 

dlg_labels_symbol_tab_box_labeled.png

 

In the illustration above we have specified blue and light brown for the Stroke and Fill colors of the box. We have chosen a box with right-angle corners.   A Padding of 8 points places the box's border eight points away from the text and sidecar icon.  A Stroke of 4 points provides a box border line that is four points thick.   No shadow or halo are used.

Box Tab Controls

(Preview)

Shows a preview of the total style 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 often set with the Color Picker tool from the drop down menu, picking a typical background color from the map currently in use.

Box

Check to add a surrounding box to the label.  Controls in the tab will not be enabled if this box has not been checked.

(color boxes)

Specify the Stroke color and Fill color desired for the box.  The color boxes are loaded by default with the Stroke color and Fill color from the main Style panel.  We can choose transparent color for the Stroke color to make the stroke line disappear, while leaving the Fill color.  This is slightly different from symbols used for point object styles, where choosing a Stroke color of transparent makes the entire point object disappear.

Filter

Filter boxes in Manifold dialog allow reducing lists of very many choices to just those whose names match the text in the Filter box.  The Filter option is not useful in the Box tab given the limited number of choices.

(Boxes)

Click a box style from the collection shown.  It will appear as the box in use in the preview box.

Padding

The distance outwards from the label text to the box.  There are four ways of specifying Padding distance, as discussed in the section on specifying sizes in parameter boxes.

Stroke

The width of the Stroke line used to draw the box. We can use fractional values if we like, for thin stroke lines.  There are four ways of specifying Stroke width, as discussed in the section on specifying sizes in parameter boxes.

Shadow

Check the Shadow box to create a drop shadow for the box, with the shadow shifted relative to the box in the given angle direction to the given offset distance.

 

Angle - The compass direction in which to move the location of the shadow.  An Angle of 0 means to move the shadow directly North, that is, directly upward, from the box.  An Angle of 270 means to move the shadow directly to the left, that is, directly West, from the box.  An Angle of 135 is the default.

 

Offset - The distance from the box to shift the box's shadow.  There are four ways of specifying offset distance, as discussed in the section on specifying sizes in parameter boxes.

 

(color box) - Set the color desired for the box's drop shadow.  Loaded with the Fill color from the Style panel by default.

Halo

Check the Halo box to create a halo, that is, an aura of color, surrounding the box to the width given by the padding.

 

Padding - The distance outwards from the box that the halo extends.  There are four ways of specifying Padding distance, as discussed in the section on specifying sizes in parameter boxes.

 

(color box) - Set the color desired for the box's halo.  Loaded with the Fill color from the Style panel by default.

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_override.png

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

 

The controls above apply only to the box.  If we add a halo or a drop shadow, for example, that halo or drop shadow will appear only for the box and not for any label text or icon.

 

Options Apply within the Tab

The various options provided with tabs are compartmentalized to those tabs.  We can tinker with the appearance of labels within the Symbol dialog by choosing a tab and changing the settings within that tab, without altering the settings in other tabs.  

 

dlg_labels_symbol_tab_symbol_shadow.png

 

For example, in the illustration above we have clicked on the Symbol tab and then we have checked the Shadow box, changed the offset to 1 and have specified white color for the shadow.  The result as seen in the preview is a drop shadow that is applied to the label text, but not to the sidecar icon or to the box.  Other characteristics of the style, including settings for the icon and box and the other settings for the label text (the "symbol") have not been changed.

 

dlg_labels_symbol_tab_icon_halo.png

 

In the illustration above, we have clicked on the Icon tab and have checked the Halo box, using a Padding of 3 points and a halo color that is the same light brown as the background of the box (we picked it with the eyedropper tool) but made an even lighter tone of brown with the More choice.

 

 Total Style Button

We can specify all properties at once using the total Style button.   Suppose we have a label style that we have previously specified which uses a sidecar icon.

 

eg_labels_total_style01_01.png

We click the total Style button.  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.   A Shadow using darker brown color with an offset of 2 points has been applied.

 

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.

 

The Icon and Box tabs in the Label Style dialog allow us to alter those characteristics as desired.

 

eg_labels_total_style01_06.png

 

The Icon tab allows us to choose a sidecar icon for the label, if desired.   In the illustration above we see that the Circle symbol from the Standard collection is used, with blue Fill color and black Stroke color, using a Stroke width of 2 and an icon size that is 100% in size in comparison to the label text.   A Shadow for the icon has also been applied, using the same brown color used for the shadow on the text.   The icon has been moved 6 points to the left to provide more space between the sidecar icon and the text.  

 

See the Style: Label Icon Placement  topic for illustrations and details on how the Angle setting controls the placement of the sidecar icon into one of twelve possible relative positions.

 

eg_labels_total_style01_07.png

 

The Box tab allows us to add a box around the label and to control the appearance of the box.  In the illustration above we have added a box with rounded corners using a dark brown Stroke color and a very light brown fill color.   A Stroke width of 2 points provides a broader border for the box, and a Padding of 8 points provides space between the icon and text parts of the label and the surrounding box.  A black color drop shadow with an offset of 1 point provides a subtle sense of three dimensionality to the box.

 

In the illustration above the Stroke color and Fill color for the box are based on the same color used for the preview background.  We used the eyedropper color picker tool to first choose the same color as the preview background, and then we used the More... command when choosing colors to darken or to lighten the color that was picked.  The resulting colors are the same tone as the background color but darker or lighter, which provides visual compatibility.

Label Symbology Combinations Examples

Following are typical examples of combinations of Symbol, Icon and Box tab settings 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 for Fill color.

 

il_icon_label_style_01.png

eg_style_labels01_01a.png

Choosing default text in the Symbol tab with no other effects produces straightforward text.

il_icon_label_style_02.png

eg_style_labels01_02a.png

In the Box tab,choosing the Circle box, with a Stroke width of 2 and Padding of 6. with a Stroke color of green for the box.   The Circle box is not well suited for long text labels since the circles become too big, but it can be a good choice for single letters or numbers.

il_icon_label_style_03.png

eg_style_labels01_03a.png

The Rectangle box choice, with a Stroke width of 2 and Padding of 6, using  a dark brown color for the box's Stroke color.

il_icon_label_style_03.png

eg_style_labels01_03b.png

The same Rectangle box, but using transparent color for the box's Stroke color and Padding of 3.   Using transparent color for Stroke makes the box's 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 Rounded Rectangle box choice, with a Stroke width of 2 and Padding of 6, using blue Stroke color for the box

il_icon_label_style_04.png

eg_style_labels01_04b.png

The same Rounded Rectangle box, with a Stroke width of 1 and transparent color for the box's Fill color.

il_icon_label_style_05.png

eg_style_labels01_05a.png

In the Symbol tab we check the Shadow box to apply a drop shadow with an Angle of 135 and an Offset of 10%.  The color for the shadow is a darker shade of the light brown color that is used as a Fill color for areas in the Regions drawing.

il_icon_label_style_05.png

eg_style_labels01_05b.png

The same Shadow choice, but instead of using a black Stroke color for the label text, using a lighter shade of the background color for the Stroke color for the text.

il_icon_label_style_05.png

eg_style_labels01_05c.png

The same Shadow option, but in the Icon tab we have chosen a sidecar icon using a castle symbol from the Glyphs collection.   The icon that uses black Stroke color and green Fill color, with an Icon size of 150%.   The Move option for the icon has been checked, using an Angle of 270 and an offset  of 2 points, to provide more space between the icon and the label text.. Once again, we have used black color for the Stroke color of the label text in the Symbol tab.

il_icon_label_style_06.png

eg_style_labels01_06a.png

In the Symbol tab we have checked the Halo option, using white as the halo color and a Padding width of 3 points for the halo.

 

Notes

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.

 

Multiline Labels - If the text in the field that is used for a label contains multiple lines, the label will appear with multiple lines as well.

Videos

Manifold 9 - Style Panel Quickstart - Points - A fast and easy introduction to the new Style and formatting capabilities for Pionts in Manifold Release 9 and Viewer.  Learn how to rapidly change colors, symbology, sizes and rotations including the use of vector symbols, fonts and even bitmap images. The new system is "always on" and immediately shows changes in the main workspace for rapid, easy choice of exactly the visual effect we want.  This video gets right to the basics used every day.

 

Manifold 9 - Style Panel Quickstart - Lines - Learn how to use the spectacular new style capabilities for lines in Manifold Release 9 and Manifold Viewer to create an endless variety lines quickly and easily.  See how to add arrowheads or other symbols to the ends of lines, how to customize lines with repeating symbols, how to start lines with custom symbols and how to add accessory left and right lines for exactly the right effect.

 

Manifold 9 - Style Panel Quickstart - Areas - New area style capabilities in Release 9 and Viewer make it easy to rapidly create spectacular visuals that get the story across with clarity and compelling effect.  Learn how to use point and click controls to fill areas, control borders, draw "inner area" effects and "outer area" effects for a seeming infinite range of options, all available with a rapid click of the mouse.  Use bitmap images for area effects too!

 

Manifold 9 - Style Panel Quickstart - Labels - Recent builds of Release 9 have added extensive new style facilities for labels, making it easy to choose a wide variety of effects, including sidecar icons, box frames, drop shadows and many others. This video shows how fast and easy point-and-click dialogs make it easy to create exactly the label look you want.  Works for the free Manifold Viewer, too!

 

Manifold 9 - Bitmap Styles - A quick, first look at very extensive additions to Style, enabling use of bitmaps for styles, inner and outer area hatches, left and right line style additions and many other new features.

 

See Also

Maps

 

Drawings

 

Labels

 

Style: Drawings

 

Style: Thematic Formatting

 

Style: Overrides

 

Style: Areas

 

Style: Lines

 

Style: Points

 

Style: Bitmap Symbols

 

Style: Label Placement

 

Style: Label Icon Placement

 

Example: Add Labels to a Map - How to manually add labels to a map.

 

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: 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.