Example: Style Panel Quickstart

 

Example: Style Panel Quickstart

This example provides a step-by-step, 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.  The topic is long because we go step-by-step; in real life, even a beginner would perform each step in a second or so.   This topic is reproduced in the Manifold Future - Example: Style Panel Quickstart video.

 

eg_contents_style01_01.png

 

We begin with a drawing of six points, seen above in default formatting.  We have used the Layers panel to set a background color for the map that is a darker gray, so the lighter colors that we intend to use in this example will appear more clearly.

 

eg_contents_style01_02.png

 

Clicking on the Style panel of the Contents pane we see default formatting assigned.

 

eg_contents_style01_03.png

 

We click onto the Size button for points and choose 20 pt in the menu.   Note that the moment we click on a button a field selection box appears in case we want to do thematic formatting.  

 

eg_contents_style01_04.png

 

Immediately the point sizes expand to 20 printer's points in size.  

 

eg_contents_style01_05.png

 

We click into the Fill Color button for points and choose a blue color.

 

eg_contents_style01_06.png

 

Immediately the fill color for the point symbols becomes the specified blue color.

 

eg_contents_style01_07.png

 

We click on the Color button for points and choose a magenta color.

 

eg_contents_style01_08.png

 

Immediately the border of the point symbol used turns to the magenta color specified.

 

eg_contents_style01_09.png

 

To specify a thematic format for point symbology, we click onto the right side of the Style button for points (or, we can click on the left side of the button and ignore the resulting menu) and in the field box we choose the mfd_id field.  

 

[There is no special meaning to our choice of the mfd_id field.  We have chosen it simply because it is a field that occurs by default in newly-created drawings, so anybody who wants to repeat this example can do so.  The mfd_id field contains a different number for each object, so it makes a handy choice for an example where we use a numeric value in a field to control thematic formatting.]

 

eg_contents_style01_10.png

 

Additional controls appear in the pane, showing 5 breaks and an equal intervals method.   The number of breaks by default is whatever we used the last time.  Five breaks is fine for this example so that is what we will use.   We double-click onto the point symbol for the first interval, and in the resulting menu we choose Symbol.

 

eg_contents_style01_11.png

 

That launches a Symbol dialog which allows us to choose a symbol from any font we have installed on our computer.  By default, it will show the last font we used, or we can choose any of the fonts in our system from the pull-down menu.   We choose a font that we downloaded for free from the web which shows meteorological symbols.  It is a typical dingbats style font, that is, a font which consists of symbols.   We click on a symbol to choose it and then we press OK.

 

 

eg_contents_style01_12.png

 

The symbol appears as the sample for the first interval.   We double-click onto the point symbol for the next interval and again choose a symbol from the font.  If we like, we can choose a symbol from a different font.   In this example we happen to use symbols from the same font, but we could have used a different font for each symbol.

 

eg_contents_style01_13.png

 

We continue in turn choosing a symbol for each interval.  A sample for each appears in the intervals list.  When we are done we press Update Style.

 

eg_contents_style01_14.png

 

Immediately, the Style button for points changes to indicate the first symbol from the set we have specified, and a field icon appears on the button to indicate that style property is now driven by a field.

 

eg_contents_style01_15.png

 

Also immediately, the points in our drawing use the symbols specified.   We have six points but only five intervals so two of the points fall into the last interval and both of those use the same symbol.  The symbols from this font use only a single color, the main Color specified, so Fill Color is not used.   We will click into the Fill Color button and specify the default gray color again to simplify subsequent dialogs.  We then ctrl-click on the Style button for points so we can continue with this example.

 

eg_contents_style01_16.png

 

So far we have defined a thematic format for the Style property of points.   We can use the same field and thematic formatting settings to control other style properties at the same time.  For example, we can Ctrl-click the Color button for points to add that to the thematic format we have constructed.

 

eg_contents_style01_17.png

 

A new column of color samples appears in the intervals list, colored in black default color since we have not yet specified a palette to use.  We click on the Palette button and choose the CB Spectral palette from the menus that appear.

 

eg_contents_style01_18.png

 

The palette is immediately applied to the color wells.  To apply it to the drawing we press Update Style.

 

eg_contents_style01_19.png

 

Right away the Color button changes to show the first sample from the palette we have used in the thematic format.  A field icon also appears on the button to indicate that style property is now controlled by a field.

 

eg_contents_style01_20.png

 

The drawing is immediately updated to use the new colors.   There are six objects, which have mfd_id values from 1 to 6 but there are only five intervals, so two of the objects fall into the last interval which covers objects with mfd_id values of 4 and 5.  Both have the same symbol, a crescent moon behind a cloud.  The object with an mfd_id value of 4 has been colored using the green color defined for that bound, but the object with an mfd_id value of 5 has been colored using an interpolated color between the green and blue colors shown in the color wells for the bounds of the interval within which it falls.  There is no meaning of "interpolation" between symbols so both use the same symbol.

 

eg_contents_style01_21.png

 

To add Size to the same thematic format we Ctrl-click on the Size button for points.

 

eg_contents_style01_22.png

 

A third column appears, showing the numeric value of Size for each interval.   We double-click into the number for the first interval and choose the value of 20.

 

eg_contents_style01_23.png

 

 Next, we double-click into the number for the last interval and choose the value of 40.

 

eg_contents_style01_24.png

 

And now, a cool thing: we press Ctrl-A to select all of the interval list rows.

 

eg_contents_style01_25.png

 

We can now right-click onto any of the numbers in the third row...

 

 

eg_contents_style01_26.png

 

...and from the resulting context menu we choose Interpolate.

 

eg_contents_style01_27.png

 

The numbers in the rest of the rows are filled in with values interpolated between the first, 20, and the last, 40.   We press Update Style.

 

eg_contents_style01_28.png

 

Immediately the number in the Size button shows the first number in the range, while a field icon appears on the button to indicate that property is now controlled by a field.

 

eg_contents_style01_29.png

 

Right away the point objects are redrawn using new sizes.    

 

eg_contents_style01_30.png

 

We can also quickly reverse assignments using the context menu.   We click into the intervals list to move the focus there and then press Ctrl-A to select all rows.   We right-click onto any of the symbol samples in the second row.

 

eg_contents_style01_31.png

 

In the context menu we choose Reverse.  There are no other choices since symbols can only be reversed, but not interpolated.

 

eg_contents_style01_32.png

 

The symbols are re-ordered in reverse order.   We press Update Style.

 

eg_contents_style01_33.png

 

The drawing is immediately updated to assign symbols to objects using the new order.

 

eg_contents_style01_34.png

 

Options in the context menu depend upon the style property in use.  We click into the intervals list to move the focus there, do a Ctrl-A and then right-click onto any of the color wells in the first column.

 

eg_contents_style01_35.png

 

In the context menu we choose Reverse again.  With colors we have more choices in the context menu.

 

eg_contents_style01_36.png

 

The order of colors is reversed.  We press Update Style.

 

eg_contents_style01_37.png

 

Right away the new color ordering is applied to objects in the drawing.

 

eg_contents_style01_38.png

 

To remove a style property from the thematic format we simply click on it and assign a different value.  For example, we can click on the left side of the Style button and then in the resulting menu choose Symbol.

 

eg_contents_style01_39.png

 

We choose the Monotype Corsiva font, click on the R character and press OK.

 

eg_contents_style01_40.png

 

An R appears as the symbol in the Style button, the field icon is removed, and the other two buttons that participated in the thematic format are no longer picked out as participating in the same format as the Style button.

 

eg_contents_style01_41.png

 

The drawing immediately updates to use R characters as the symbol for points.  The other thematic formatting properties, such as color and size, still apply.

 

Notes

Selection commands - Many of the same keyboard shortcut selection commands that work in tables work in various Contents panes panels that show rows of items such as the Layers panel or interval rows in the Style panel when doing thematic formatting.

 

Ctrl-A selects all rows.

 

Ctrl-I inverts the selection, deselecting those rows that were selected and selecting those that were not selected.

 

Ctrl-click the row handle for a row to toggle selection for that the row.   Ctrl-click selects an unselected row, and deselects a selected row.

 

To Select None from the keyboard, do a Ctrl-A followed by a Ctrl-I.

 

See Also

Getting Started

 

User Interface Basics

 

Maps

 

Drawings

 

Editing Drawings

 

Images

 

Labels

 

Selection

 

Style

 

Style: Channels and Outputs Tutorial

 

Project Pane

 

Assign Initial Coordinate System

 

Repair Initial Coordinate System

 

Change Coordinate System

 

Contents - Layers

 

Contents - Record

 

Contents - Style

 

Layer Opacity

 

Example: Layers Tutorial - We take a tour of the Layers panel in the Contents pane, learning how to manage layer display order, select layers, turn several layers on and off at the same time, alter opacity settings for one or more layers and how to change background color.

 

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

 

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 dialog that are used for thematic formatting.

 

Example: Edit Coordinates While Creating an Object - When creating an object in a map using a tool such as Create Area, right in the middle of the process we can edit coordinates in the Contents - Record panel's Coordinates tab.   This example shows the step by step process.

 

Example: Edit Attributes and Move a Point - We look at the attributes for a point in a drawing layer and edit one of the attributes using a more expanded Edit dialog.  We then move the point to a new location. Easy!

 

Example: Edit Attributes, Larger Text, IME for Asian Languages - A tour 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.

 

Example: Assign Initial Coordinate System - Use the Contents pane to manually assign an initial coordinate system when importing from a format that does not specify the coordinate system.

 

Example: Change Projection of an Image - Use the Change Coordinate System command to change the projection of an image, raster data showing terrain elevations in a region of Florida, from Latitude / Longitude to Orthographic centered on Florida.

 

Videos

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 this Example: Style Panel Quickstart topic.

 

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.