Adobe 65007312 Programming Guide - Page 130

AddCustomCSS, Example, Inputs

Page 130 highlights

CHAPTER 6: Writing a Web-engine Plug-in Web SDK manifest API 130 In addition, if you use AddGridPages() to add any page, all of the LuaPages in your gallery can use these environment variables: numGridPages The number of grid pages in the gallery filenameOfGridPage( pageNumber ) A function that takes a grid page number and returns the file name string for that page. gridPageForPhotoAtIndex( photoIndex ) A function that take a photo index position and returns the file name for the grid page containing the photo. rows The number of rows on the grid pages. columns The number of columns on the grid pages. Example AddGridPages { destination='content', template='grid.html', rows=model.nonDynamic.numRows, columns=model.nonDynamic.numCols, } AddCustomCSS Generates a CSS file using the appearance properties defined in your data model. When you declare your data model in the galleryInfo.lrweb file, this command exports to CSS all entries that begin with "appearance.". Inputs filename (string) The path and name of the output file. Example To specify the background color of the body using CSS, you need a declaration like this: /* Desired CSS output */ body { background-color: #ff0000, } To make your web engine generate this: 1. Declare the intention to emit CSS in the manifest file, manifest.lrweb: AddCustomCSS { filename='content/custom.css', } 2. Define the required data model entries in the information file (galleryInfo.lrweb): return { ...

  • 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

C
HAPTER
6: Writing a Web-engine Plug-in
Web SDK manifest API
130
In addition, if you use
AddGridPages()
to add any page, all of the LuaPages in your gallery can use these
environment variables:
Example
AddGridPages {
destination='content',
template='grid.html',
rows=model.nonDynamic.numRows,
columns=model.nonDynamic.numCols,
}
AddCustomCSS
Generates a CSS file using the
appearance
properties defined in your data model.
When you declare your data model in the
galleryInfo.lrweb
file, this command exports to CSS all
entries that begin with "
appearance."
.
Inputs
Example
To specify the background color of the body using CSS, you need a declaration like this:
/* Desired CSS output */
body {
background-color: #ff0000,
}
To make your web engine generate this:
1.
Declare the intention to emit CSS in the manifest file,
manifest.lrweb
:
AddCustomCSS {
filename='content/custom.css',
}
2.
Define the required data model entries in the information file (
galleryInfo.lrweb
):
return {
...
numGridPages
The number of grid pages in the gallery
filenameOfGridPage( pageNumber )
A function that takes a grid page number and returns
the file name string for that page.
gridPageForPhotoAtIndex( photoIndex )
A function that take a photo index position and returns
the file name for the grid page containing the photo.
rows
The number of rows on the grid pages.
columns
The number of columns on the grid pages.
filename
(string) The path and name of the output file.