Adobe 65030089 User Manual - Page 384

Modify a screen profile, Map styles for screen profiles, In the Project Set-up pod

Page 384 highlights

USING ROBOHELP HTML 10 378 Generating output Modify a screen profile RoboHelp provides a set of screens by default. Let's modify a default screen-iPhone-to understand the steps involved: 1 Expand Screen Profiles in the Project Set-up pod. 2 Right-click iPhone and select Properties. 3 As necessary, modify one or more of the following settings: Name Specify a name. For example, you can change iPhone to iPhone_New. Note: If you try to include a space or a period in the screen name, RoboHelp replaces the space or the charater with an underscore. Type Select a predefined screen profile to populate the screen resolution ranges with predefined values. The Check for new screen profiles link enables you to access latest screen profiles uploaded on adobe.com. Screen Resolution Set the range of screen resolutions for the screen profile by specifying the minimum and maximum width and height. Browser(s) Select browsers for the screen profile. RoboHelp provides a list of popular browsers. If you want to add to this list, make sure you specify a unique string from the browser agent or user agent of the browser. Preview Settings Click this to configure the settings for previewing the output with this screen profile. Define the dimensions of the window in which the content should be displayed. Select a device image for use in preview and specify the top-left position of the content window. If the settings look good, click Save. 4 Click Save to save the screen profile properties. Create a screen profile 1 In the Project Set-up pod, right-click Screen Profiles and select New Screen Profile. 2 Specify the required settings in the New Screen Profile dialog box. 3 Click OK. RoboHelp creates the new screen profile and displays it in the project hierarchy under Screen Profiles. You can reuse the settings for an existing screen profile to create one. Right-click a screen profile in the project hierarchy and select Duplicate Screen Profile. Delete a screen profile 1 Right-click a screen profile in the Project Set-up pod and select Delete. 2 When prompted, confirm that you want to delete the screen profile. Map styles for screen profiles If you change the width of a screen profile, the media query for the screen profile defined in the style sheet becomes undefined. RoboHelp does not automatically update the media query. Follow these steps to map an undefined media query to a media: 1 Right-click the CSS file and select Edit. 2 In the Styles dialog box, select Manage Media Queries from the Media list. 3 Select the undefined media query that has the width you specified and click Map. 4 Select the screen profile name. Last updated 7/13/2012

  • 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
  • 381
  • 382
  • 383
  • 384
  • 385
  • 386
  • 387
  • 388
  • 389
  • 390
  • 391
  • 392
  • 393
  • 394
  • 395
  • 396
  • 397
  • 398
  • 399
  • 400
  • 401
  • 402
  • 403
  • 404
  • 405
  • 406
  • 407
  • 408
  • 409
  • 410
  • 411
  • 412
  • 413
  • 414
  • 415
  • 416
  • 417
  • 418
  • 419
  • 420
  • 421
  • 422

378
USING ROBOHELP HTML 10
Generating output
Last updated 7/13/2012
Modify a screen profile
RoboHelp provides a set of screens by default. Let’s modify a default screen—iPhone—to understand the steps
involved:
1
Expand Screen Profiles in the Project Set-up pod.
2
Right-click iPhone and select Properties.
3
As necessary, modify one or more of the following settings:
Name
Specify a name. For example, you can change iPhone to iPhone_New.
Note:
If you try to include a space or a period in the screen name, RoboHelp replaces the space or the charater with an
underscore.
Type
Select a predefined screen profile to populate the screen resolution ranges with predefined values. The Check
for new screen profiles link enables you to access latest screen profiles uploaded on adobe.com.
Screen Resolution
Set the range of screen resolutions for the screen profile by specifying the minimum and
maximum width and height.
Browser(s)
Select browsers for the screen profile. RoboHelp provides a list of popular browsers. If you want to add
to this list, make sure you specify a unique string from the browser agent or user agent of the browser.
Preview Settings
Click this to configure the settings for previewing the output with this screen profile. Define the
dimensions of the window in which the content should be displayed. Select a device image for use in preview and
specify the top-left position of the content window. If the settings look good, click Save.
4
Click Save to save the screen profile properties.
Create a screen profile
1
In the Project Set-up pod, right-click Screen Profiles and select New Screen Profile.
2
Specify the required settings in the New Screen Profile dialog box.
3
Click OK. RoboHelp creates the new screen profile and displays it in the project hierarchy under Screen Profiles.
You can reuse the settings for an existing screen profile to create one. Right-click a screen profile in the project
hierarchy and select Duplicate Screen Profile.
Delete a screen profile
1
Right-click a screen profile in the Project Set-up pod and select Delete.
2
When prompted, confirm that you want to delete the screen profile.
Map styles for screen profiles
If you change the width of a screen profile, the media query for the screen profile defined in the style sheet becomes
undefined. RoboHelp does not automatically update the media query. Follow these steps to map an undefined media
query to a media:
1
Right-click the CSS file and select Edit.
2
In the Styles dialog box, select Manage Media Queries from the Media list.
3
Select the undefined media query that has the width you specified and click Map.
4
Select the screen profile name.