Adobe 65030089 User Guide - Page 196

About breadcrumbs, Add breadcrumbs to topics, Add About Box, Browse Sequences, Detail

Page 196 highlights

USING ROBOHELP HTML 9 190 Linking and navigation Add About Box Set up information that appears in a dynamic window when users click the image in the main toolbar. Example of About box Browse Sequences Create browse sequences before enabling them. Detail Change the text displayed for the in-topic navigation bar elements. Search Input Field In Toolbar Include a search field in the main toolbar. Synchronize Table Of Contents Synchronize the TOC with the topic in the right pane so that users see where they are in the structure. • To synchronize the TOC automatically, click the pop-up menu and select Automatically. • To add a button that users can click to synchronize the TOC, click the pop-up menu and select Manually. Note: If you use custom skins, provide a button icon in the WebHelp Skin Editor. About breadcrumbs Breadcrumbs are navigational links displayed in web pages of the Help system. These links outline the position of the page in the table of contents or the directory structure of the project. You can define breadcrumbs in a master page or a topic. They can also be configured at run time to appear on the top or bottom of a page. The user can click a portion of the breadcrumb trail to go directly to a page. For example, if the trail is Home > Installation > Hardware Requirements, the user can click Installation to go directly to the Installation page. Breadcrumbs are displayed in merged projects. The breadcrumb trail for a page in a merged project shows the position of the page with respect to the merged project and the master project. For example, suppose the master project MultiCuisine contains the project AsianCuisine. AsianCuisine in turn contains the project JapaneseRecipes. The breadcrumb trail for the topic "Common Japanese Ingredients" is as follows: Home > MultiCusine > AsianCuisine > JapaneseRecipes Breadcrumbs are generated only in WebHelp, WebHelp Pro, FlashHelp, FlashHelp Pro, HTML Help, and AIR Help. For all other layouts, breadcrumbs are not generated, even if placeholders are present. Add breadcrumbs to topics 1 Select View > Pods > Single Source Layouts. 2 Double-click the WebHelp/WebHelp Pro/FlashHelp/FlashHelp Pro layout, and do the following: • (WebHelp) In the Navigation pane, select Add Breadcrumbs Links, and click Format. • (WebHelp Pro/FlashHelp/FlashHelp Pro) Click Next. Select Add Breadcrumbs Links and click Format. 3 In the Layout area, select the placement and alignment for the breadcrumbs. 4 In the Text area, select or specify a name for the link to the main Help page, which appears on every topic page. 5 Select a separator for the Breadcrumbs. 6 Type a label that precedes the breadcrumbs trail. For example, you can add the static text "You are here" before the breadcrumb trail. 7 Preview the layout and formatting of breadcrumbs in the Preview pod. 8 Select a background color. Last updated 12/14/2011

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151
  • 152
  • 153
  • 154
  • 155
  • 156
  • 157
  • 158
  • 159
  • 160
  • 161
  • 162
  • 163
  • 164
  • 165
  • 166
  • 167
  • 168
  • 169
  • 170
  • 171
  • 172
  • 173
  • 174
  • 175
  • 176
  • 177
  • 178
  • 179
  • 180
  • 181
  • 182
  • 183
  • 184
  • 185
  • 186
  • 187
  • 188
  • 189
  • 190
  • 191
  • 192
  • 193
  • 194
  • 195
  • 196
  • 197
  • 198
  • 199
  • 200
  • 201
  • 202
  • 203
  • 204
  • 205
  • 206
  • 207
  • 208
  • 209
  • 210
  • 211
  • 212
  • 213
  • 214
  • 215
  • 216
  • 217
  • 218
  • 219
  • 220
  • 221
  • 222
  • 223
  • 224
  • 225
  • 226
  • 227
  • 228
  • 229
  • 230
  • 231
  • 232
  • 233
  • 234
  • 235
  • 236
  • 237
  • 238
  • 239
  • 240
  • 241
  • 242
  • 243
  • 244
  • 245
  • 246
  • 247
  • 248
  • 249
  • 250
  • 251
  • 252
  • 253
  • 254
  • 255
  • 256
  • 257
  • 258
  • 259
  • 260
  • 261
  • 262
  • 263
  • 264
  • 265
  • 266
  • 267
  • 268
  • 269
  • 270
  • 271
  • 272
  • 273
  • 274
  • 275
  • 276
  • 277
  • 278
  • 279
  • 280
  • 281
  • 282
  • 283
  • 284
  • 285
  • 286
  • 287
  • 288
  • 289
  • 290
  • 291
  • 292
  • 293
  • 294
  • 295
  • 296
  • 297
  • 298
  • 299
  • 300
  • 301
  • 302
  • 303
  • 304
  • 305
  • 306
  • 307
  • 308
  • 309
  • 310
  • 311
  • 312
  • 313
  • 314
  • 315
  • 316
  • 317
  • 318
  • 319
  • 320
  • 321
  • 322
  • 323
  • 324
  • 325
  • 326
  • 327
  • 328
  • 329
  • 330
  • 331
  • 332
  • 333
  • 334
  • 335
  • 336
  • 337
  • 338
  • 339
  • 340
  • 341
  • 342
  • 343
  • 344
  • 345
  • 346
  • 347
  • 348
  • 349
  • 350
  • 351
  • 352
  • 353
  • 354
  • 355
  • 356
  • 357
  • 358
  • 359
  • 360
  • 361
  • 362
  • 363
  • 364
  • 365
  • 366
  • 367
  • 368
  • 369
  • 370
  • 371
  • 372
  • 373
  • 374
  • 375
  • 376
  • 377
  • 378
  • 379
  • 380

190
USING ROBOHELP HTML 9
Linking and navigation
Last updated 12/14/2011
Add About Box
Set up information that appears in a dynamic window when users click the image in the main toolbar.
Example of About box
Browse Sequences
Create browse sequences before enabling them.
Detail
Change the text displayed for the in-topic navigation bar elements.
Search Input Field In Toolbar
Include a search field in the main toolbar.
Synchronize Table Of Contents
Synchronize the TOC with the topic in the right pane so that users see where they are
in the structure.
To synchronize the TOC automatically, click the pop-up menu and select Automatically.
To add a button that users can click to synchronize the TOC, click the pop-up menu and select Manually.
Note:
If you use custom skins, provide a button icon in the WebHelp Skin Editor.
About breadcrumbs
Breadcrumbs are navigational links displayed in web pages of the Help system. These links outline the position of the
page in the table of contents or the directory structure of the project. You can define breadcrumbs in a master page or
a topic. They can also be configured at run time to appear on the top or bottom of a page.
The user can click a portion of the breadcrumb trail to go directly to a page. For example, if the trail is Home >
Installation > Hardware Requirements, the user can click Installation to go directly to the Installation page.
Breadcrumbs are displayed in merged projects. The breadcrumb trail for a page in a merged project shows the position
of the page with respect to the merged project and the master project.
For example, suppose the master project MultiCuisine contains the project AsianCuisine. AsianCuisine in turn
contains the project JapaneseRecipes. The breadcrumb trail for the topic “Common Japanese Ingredients” is as follows:
Home > MultiCusine > AsianCuisine > JapaneseRecipes
Breadcrumbs are generated only in WebHelp, WebHelp Pro, FlashHelp, FlashHelp Pro, HTML Help, and AIR Help.
For all other layouts, breadcrumbs are not generated, even if placeholders are present.
Add breadcrumbs to topics
1
Select View > Pods > Single Source Layouts.
2
Double-click the WebHelp/WebHelp Pro/FlashHelp/FlashHelp Pro layout, and do the following:
(WebHelp) In the Navigation pane, select Add Breadcrumbs Links, and click Format.
(WebHelp Pro/FlashHelp/FlashHelp Pro) Click Next. Select Add Breadcrumbs Links and click Format.
3
In the Layout area, select the placement and alignment for the breadcrumbs.
4
In the Text area, select or specify a name for the link to the main Help page, which appears on every topic page.
5
Select a separator for the Breadcrumbs.
6
Type a label that precedes the breadcrumbs trail. For example, you can add the static text "You are here" before the
breadcrumb trail.
7
Preview the layout and formatting of breadcrumbs in the Preview pod.
8
Select a background color.