diff --git a/example-synoptic/b23-services/synoptic/techui-support/bob/colour.def b/example-synoptic/b23-services/synoptic/techui-support/bob/colour.def
new file mode 100644
index 00000000..0d317a34
--- /dev/null
+++ b/example-synoptic/b23-services/synoptic/techui-support/bob/colour.def
@@ -0,0 +1,67 @@
+# Named colors
+#
+# Format:
+# NameOfColor = red, green, blue [, alpha ] | PreviouslyDefinedNameOfColor
+# with values in 0..255 range.
+#
+# Whenever possible, use named colors in displays
+# instead of arbitrary red/green/blue values.
+
+# ------- Predefined colors ----------------
+# May be overridden in here
+
+# Alarm related
+OK = 0, 255, 0
+MINOR = 255, 128, 0
+MAJOR = 255, 0, 0
+INVALID = 255, 0, 255
+DISCONNECTED = 200, 0, 200, 200
+
+# Default color for text
+Text=0,0,0
+
+# Default color for 'active' text that's being edited
+#ActiveText=184, 195, 223
+ActiveText=255, 255, 255
+
+# Display background
+Background = 255, 255, 255
+
+# .. for widgets that read/write a value
+Read_Background = 240, 240, 240
+Write_Background = 128, 255, 255
+
+# .. for buttons
+Button_Background = 210, 210, 210
+
+# ------- Examples for additional colors ----------------
+# Also show ideas for site-specific guidelines that
+# are required to make sense of the color names.
+
+# Styling
+Header_Background=77,77,77
+Header_ForeGround=255,255,255
+
+# Use alarm colors only when you mean to indicate an alarm.
+# Avoid using 'Red' which might suggest an alarm
+# just because you like the look of red.
+# STOP looks similar to red=MAJOR alarm, and is allowed
+# for 'STOP' type of buttons
+STOP = MAJOR
+
+# Attention looks similar to a MINOR alarm.
+# It is meant to draw attention
+Attention = 255,160,0
+
+# The colors for On/Off, Open/Close etc,.
+# "On" does not necessarily mean 'device is turned on', but
+# stands for 'indicator is on, active, illuminated'.
+# For a 'motor is at target' type indicator, the motor would
+# actually be 'off' while the indicator uses the 'On' color.
+#
+# If one of the states represents an alarm, the corresponding alarm color may be used.
+# For example, a limit switch indicator could use colors "Off" and "MAJOR":
+# Off when idle, MAJOR when the limit switch was hit and this is an abnormal situation
+# that requires attention.
+On = OK
+Off = 237,237,237
diff --git a/example-synoptic/b23-services/synoptic/techui-support/bob/dls_class.bcf b/example-synoptic/b23-services/synoptic/techui-support/bob/dls_class.bcf
new file mode 100644
index 00000000..65fb7b67
--- /dev/null
+++ b/example-synoptic/b23-services/synoptic/techui-support/bob/dls_class.bcf
@@ -0,0 +1,721 @@
+
+
+ Widget Classes
+ 0
+
+
+
+
+
+ DEFAULT
+ 230
+ 10
+ 170
+ 40
+
+
+
+
+
+
+
+
+
+
+
+
+ $(actions)
+
+
+ DEFAULT_PV
+ 230
+ 70
+ 170
+ 40
+
+
+
+
+
+
+
+
+
+
+
+
+ $(actions)
+
+
+ TITLE
+ Header 1
+ 180
+ 38
+
+
+
+
+
+
+
+
+
+
+
+
+ 0
+ 0
+ 0
+ true
+
+
+ Label_1
+ Header 2
+ 450
+ 60
+ 124
+ 23
+
+
+
+
+
+
+
+
+
+
+
+
+ 0
+ 0
+ 0
+ true
+
+
+ Label_2
+ Header 3
+ 450
+ 110
+ 124
+ 23
+
+
+
+
+
+
+
+
+
+
+
+
+ 0
+ 0
+ 0
+ true
+
+
+ DEFAULT
+ Label
+ 450
+ 150
+ 116
+
+
+
+
+
+
+
+
+
+
+
+
+ 0
+ 0
+ 0
+ true
+
+
+ DEFAULT
+ 20
+ 550
+ 340
+ 40
+
+
+
+
+
+
+
+
+
+
+
+
+ -1
+ true
+ 1
+ 1
+ true
+ 1
+
+
+
+
+
+
+ DEFAULT_READ
+ 20
+ 500
+ 340
+ 40
+
+
+
+
+
+
+
+
+
+
+
+
+ -1
+ true
+ 1
+ 1
+ false
+ 2
+
+
+
+
+
+
+ DEFAULT
+ 90
+ 30
+ 40
+ 40
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ DEFAULT
+ Label
+ 670
+ 20
+ 78
+ 20
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ DEFAULT
+ 20
+ 260
+ 340
+ 220
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ DEFAULT
+ 630
+ 48
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Item 1
+ - Item 2
+
+
+
+ DEFAULT
+ 600
+ 110
+ 170
+ 30
+
+
+
+
+
+
+
+
+
+
+
+
+ 1
+ 1
+
+
+
+
+
+
+ DEFAULT
+
+
+ Tab 1
+
+
+
+
+ Tab 2
+
+
+
+
+ 375
+ 190
+ 405
+ 150
+
+
+
+
+
+
+ DEFAULT
+ 11
+ 420
+ 360
+ 345
+ 212
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Column 1
+ 112
+ true
+
+
+ Column 2
+ 112
+ true
+
+
+ Column 3
+ 112
+ true
+
+
+
+
+ DEFAULT
+ 30
+ 83
+ 40
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ DEFAULT
+ 30
+ 133
+ 184
+ 40
+ Primary button
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ DEFAULT
+ 30
+ 200
+ 184
+ 40
+ Secondary button
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ DEFAULT
+ 540
+ 150
+ 225
+ 40
+
+
+
+
+
+
+
+
+
+
+ DEFAULT
+ 375
+ 590
+
+
+
+
+
+
+
+
+
+ VIRIDIS
+
+
+ true
+ X
+ 0.0
+ 100.0
+
+
+
+
+
+
+
+
+
+
+ true
+ Y
+ 0.0
+ 100.0
+
+
+
+
+
+
+
+
+
+
+
+ DEFAULT
+ 30
+ 620
+ https://cs-web-symbol.diamond.ac.uk/catalogue/default_symbol.png
+
+
+ DEFAULT
+ PREFIX:PVI_GENERATED:COMBO-BOX-1
+ 20
+ 750
+ 231
+ 40
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - Item 1
+ - Item 2
+
+ false
+ true
+ Are you sure?
+
+
+ DEFAULT
+ 910
+ 480
+ 130
+ 100
+
+ - Item 1
+ - Item 2
+
+
+
+ DEFAULT
+ 150
+ 620
+ 120
+ 30
+
+
+
+
+
+
+ DEFAULT
+ 20
+ 800
+ 230
+ 240
+
+
+
+
+
+
+ ERROR
+ 860
+ 230
+ 40
+ 40
+
+
+
+
+
+
+
+
+
+
+ GOOD_BAD
+ 920
+ 230
+ 40
+ 40
+
+
+
+
+
+
+
+
+
+
+ ON_OFF
+ 980
+ 230
+ 40
+ 40
+
+
+
+
+
+
+
+
+
+
+ WARNING
+ 1040
+ 230
+ 40
+ 40
+
+
+
+
+
+
+
+
+
+
+ DEFAULT
+ 860
+ 280
+ 40
+ 40
+
+
+ 0
+
+
+
+
+
+
+
+ 1
+
+
+
+
+
+
+
+
+
+
+
+
+
+ GOOD_BAD_ERROR
+ 920
+ 280
+ 40
+ 40
+
+
+ 0
+
+
+
+
+
+
+
+ 1
+
+
+
+
+
+
+
+
+
+
+
+
+
+ COMMENT
+ 860
+ 150
+ 140
+ 60
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Label
+ Label
+ 860
+ 133
+ 90
+ 60
+
+
diff --git a/example-synoptic/b23-services/synoptic/techui-support/bob/pmac/motor_embed.bob b/example-synoptic/b23-services/synoptic/techui-support/bob/pmac/motor_embed.bob
index 1508bca2..2cfe3eba 100644
--- a/example-synoptic/b23-services/synoptic/techui-support/bob/pmac/motor_embed.bob
+++ b/example-synoptic/b23-services/synoptic/techui-support/bob/pmac/motor_embed.bob
@@ -1,27 +1,43 @@
+
Main
+ 0
205
120
+
+
+
+
-
+
$(M)
205
120
-
+
+
+
+
+
+
+
+
+
+
Tweak Left
+ DEFAULT_PV
+ $(name)
$(pv_name)
value
- $(name)
$(P):$(M).TWR
@@ -29,27 +45,28 @@
10
30
20
-
-
+
+
-
+
-
-
+
+
$(tooltip)
Tweak Right
+ DEFAULT_PV
+ $(name)
$(pv_name)
value
- $(name)
$(P):$(M).TWF
@@ -58,16 +75,16 @@
10
30
20
-
-
+
+
-
+
-
-
+
+
$(tooltip)
@@ -76,24 +93,24 @@
OpenDisplay
+ Open Display
./MOTOR.bob
tab
- Open Display
More
60
40
20
-
-
+
+
-
+
-
+
@@ -101,11 +118,12 @@
WritePV_28
+ DEFAULT_PV
+ $(name)
$(pv_name)
value
- $(name)
$(P):$(M).STOP
@@ -114,16 +132,16 @@
60
40
20
-
-
+
+
-
+
-
-
+
+
$(tooltip)
@@ -134,17 +152,25 @@
45
60
80
-
-
+
+
-
+
+
+
+
+
- 1
- 1
-
+ -1
+ true
+ 1
+ 1
+ true
+ 1
+
@@ -156,18 +182,22 @@
35
20
1
-
-
+
+
-
+
-
-
+
+
+
+
+
+
Serverity
@@ -175,35 +205,47 @@
35
20
1
-
-
+
+
-
+
-
-
+
+
+
+
+
+
PV
$(P):$(M)
35
10
-
-
+
+
-
+
+
+
+
+
- 1
- 1
-
+ -1
+ true
+ 1
+ 1
+ true
+ 1
+
@@ -214,21 +256,21 @@
25
35
120
-
-
+
+
-
-
+
+
-
-
+
+
- 1
- 1
-
+ 1
+ 1
+
diff --git a/example-synoptic/b23-services/synoptic/techui-support/bob/settings.ini b/example-synoptic/b23-services/synoptic/techui-support/bob/settings.ini
new file mode 100644
index 00000000..04f4d811
--- /dev/null
+++ b/example-synoptic/b23-services/synoptic/techui-support/bob/settings.ini
@@ -0,0 +1,16 @@
+# DLS Phoebus settings
+
+# EDM fonts list, inferred from /dls_sw/prod/tools/RHEL7-x86_64/edm/1-12-89dls2/templates/edm/fonts.list
+org.csstudio.display.converter.edm/font_mappings=courier=courier,arial=arial,overview=arial,sub domain=arial, tech area=arial,device=arial,engineering=arial,helvetica=arial,.*=arial
+
+# Archiver URLs
+org.csstudio.trends.databrowser3/urls=pbraw://archappl.pri.diamond.ac.uk/retrieval|Primary Archiver Appliance*pbraw://sbarchappl.pri.diamond.ac.uk/retrieval|Standby Archiver Appliance
+org.csstudio.trends.databrowser3/archiver=pbraw://archappl.pri.diamond.ac.uk/retrieval|Primary Archiver Appliance
+
+# Classfiles
+
+org.csstudio.display.builder.model/class_files=./dls_class.bcf
+
+# Color files
+# Playing around with colours not done yet
+org.csstudio.display.builder.model/color_files= ./colour.def