This section describes properties of cellStyle object. This object is created for customizing view of imagesList cells.
List of properties
Property name | Type | Description | Default values |
---|---|---|---|
maxImageWidth | uint | Indicates the maximum width of preview image. All images are resized with saving proportions therefore the final width of preview image will be lower or equal to defined value. The blank space is filled up with imageBackgroundColor color. This property affects to sizes of whole ImageView. | 160 |
maxImageHeight | uint | Indicates the maximum height of preview image. All images are resized with saving proportions therefore the final height of preview image will be lower or equal to defined value. The blank space is filled up with imageBackgroundColor color. This property affects to sizes of whole ImageView. | 160 |
imageBackgroundColor | Array | An array of RGB hexadecimal color values to be used in the gradient for the background. After resizing the preview image may have a blank space due to proportion saving. The imageBackgroundColor property is used for filling this emptiness. | [0x000000] |
imageBackgroundAlpha | uint | Indicates the alpha transparency value of the preview image background. Valid values are 0 (fully transparent) to 1 (fully opaque). | 1 |
enableDescription | Boolean | Indicates whether description edit box is enabled. | true |
emptyDescriptionText | string | Gets or sets default caption for description edit box. The value of this property is not sent to the server. | "Input image description here" |
showRotationButtons | Boolean | Indicates whether rotation buttons are displayed in the cell. | true |
showRemoveButton | Boolean | Indicates whether remove button is displayed at the right corner of cell. | false |
showNavigationButtons | Boolean | Indicates whether navigation buttons are displayed in the cell. | false |
buttonsUpAlpha | Number | Indicates the alpha transparency value of the button inside cell when the mouse is not over the button. Valid values are 0 (fully transparent) to 1 (fully opaque). | 0 |
buttonsOverAlpha | Number | Indicates the alpha transparency value of the button inside cell when the mouse is over the button. Valid values are 0 (fully transparent) to 1 (fully opaque). | 0.8 |
buttonsDownAlpha | Number | Indicates the alpha transparency value of the button inside cell when the mouse is over the button and the mouse button is pressed. Valid values are 0 (fully transparent) to 1 (fully opaque). | 0.7 |
buttonsBorderUpColor | Array | An array of RGB hexadecimal color values to be used in the gradient for the button border when the mouse is not over the button inside cell. | [0xffffff] |
buttonsBorderOverColor | Array | An array of RGB hexadecimal color values to be used in the gradient for the button border when the mouse is over the button inside cell. | [0xffffff, 0xefefef] |
buttonsBorderDownColor | Array | An array of RGB hexadecimal color values to be used in the gradient for the button border when the mouse is over the button inside cell and the mouse button is pressed. | [0x6dbdd1] |
buttonsUpColor | Array | An array of RGB hexadecimal color values to be used in the gradient for the buttons background when the mouse is not over the component. | [0xffffff] |
buttonsOverColor | Array | An array of RGB hexadecimal color values to be used in the gradient for the buttons background when the mouse is over the component. | [0xffffff, 0xefefef] |
buttonsDownColor | Array | An array of RGB hexadecimal color values to be used in the gradient for the buttons background when the mouse is over the component and the mouse button is pressed. | [0x6dbdd1] |
buttonsIconColor | Array | An array of RGB hexadecimal color values to be used in the gradient for the icon inside buttons. | [0x000000] |
buttonsRoundUp | uint | Indicates whether the button have rounded corners. The value should be an unsigned integer in pixels. | 3 |
smoothing | Boolean | Controls whether or not the preview image is smoothed. | false |
borderColor | Array | An array of numbers for the cell border gradient color when cell is not selected. | [0xcccccc] |
backgroundColor | Array | An array of numbers for the cell background gradient color when cell is not selected. | [0xd7e0e7] |
selectedBorderColor | Array | An array of numbers for the cell border gradient color when cell is selected. | [0x0000ff] |
selectedBackgroundColor | Array | An array of numbers for the cell background gradient color when cell is selected. | [0x6dbdfc,0x6dbdd1] |
descLblFontName | String | The name of the font for text in the descLbl* label. | "Times New Roman" |
descLblFontSize | uint | The size of the font for text in the descLbl* label. | "12" |
descLblFontBold | Boolean | Specifies whether the text in the descLbl* label is boldface. | "false" |
descLblFontItalic | Boolean | Indicates whether text in the descLbl* label is italicized. | "false" |
descLblFontUnderline | Boolean | Indicates whether the text in the descLbl* label is underlined. | "false" |
descLblFontColor | string | Indicates the color of the text inside descLbl* label | "0x000000" |
descLblHeight | uint | Indicates the height of the descLbl* label. | 22 |
descLblTextAlign | string | Indicates the alignment of the text in the descLbl* label. | "left" |
notImageLblText | String | Gets or sets the text for the notImageLbl** label. | "Not image" |
notImageLblFontName | String | The name of the font for text in the notImageLbl** label. | "Arial" |
notImageLblFontSize | uint | The size of the font for text in the notImageLbl** label. | 20 |
notImageLblFontBold | Boolean | Specifies whether the text in the notImageLbl** label is boldface. | "true" |
notImageLblFontItalic | Boolean | Indicates whether text in the notImageLbl** label is italicized. | "false" |
notImageLblFontUnderline | Boolean | Indicates whether the text in the notImageLbl** label is underlined. | "false" |
notImageLblFontColor | String | The color of the font for text in the notImageLbl** label. | "0x555555" |
notImageLblAlpha | Number | Indicates the alpha transparency value of the text of notImageLbl** label. Valid values are 0 (fully transparent) to 1 (fully opaque). | 0.5 |
nameLblFontName | String | The name of the font for text in the nameLbl*** label. | "Times New Roman" |
nameLblFontSize | uint | The size of the font for text in the nameLbl*** label. | "12" |
nameLblFontBold | Boolean | Specifies whether the text in the nameLbl*** label is boldface. | "false" |
nameLblFontItalic | Boolean | Indicates whether text in the nameLbl*** label is italicized. | "false" |
nameLblFontUnderline | Boolean | Indicates whether the text in the nameLbl*** label is underlined. | "false" |
nameLblFontColor | String | Indicates the color of the text when the nameLbl*** label is enabled. | "0x000000" |
nameLblHeight | uint | Indicates the height of the nameLbl*** label. | 22 |
nameLblTextAlign | string | Indicates the alignment of the text in the nameLbl*** label. | "center" |
descLbl* - label provides a possibility to edit description of each image. It is placed over the image preview area. Default value depends on emptyDescriptionText property.
notImageLbl** - label is placed inside image preview area and is displayed for non image files.
nameLbl*** - label is placed under image preview area and displays the name of corresponding file.
Examples:
The property of the cellStyle is assigned via flashvars object of SWFObject on the html page:
flashvars["view.imagesList.cellStyle.backgroundColor"] = "#fdfdfe|#d7e0e7";