Framework 7 Photo Browser settings and events. Select the component in App Structure to find these controls in Properties.
| Name |
Description |
| ID | Required. Default: "". Attribute: id. |
| Exposition | Default: true. Attribute: exposition. |
| Exposition Hide Captions | Default: false. Attribute: exposition-hide-captions. |
| Swipe To Close | Default: true. Attribute: swipe-to-close. |
| Popup Push | Default: false. Attribute: popup-push. |
| Routable Modals | Default: false. Attribute: routable-modals. |
| Url | Default: "photos/". Attribute: url. |
| Type | Options: Standalone (standalone), Popup (popup), Page (page) Default: "standalone". Attribute: type. |
| Theme | Options: Light (light), Dark (dark) Default: "light". Attribute: theme. |
| Captions Theme | Options: Light (light), Dark (dark) Attribute: captions-theme. |
| Navbar | Default: true. Attribute: navbar. |
| Toolbar | Default: true. Attribute: toolbar. |
| Page Back Link Text | Default: "Back". Attribute: page-back-link-text. |
| Page Close Link Text | Default: "Close". Attribute: page-close-link-text. |
| Navbar Show Count | Attribute: navbar-show-count. |
| Navbar Of Text | Default: "of". Attribute: navbar-of-text. |
| Icons Color | Attribute: icons-color. |
| Name |
Description |
| Index | Default: "". |
| Name |
Description |
| Photos | Choose dynamic data binding. |
| Exposition | Choose dynamic data binding. |
| Exposition Hide Captions | Choose dynamic data binding. |
| Swipe To Close | Choose dynamic data binding. |
| Popup Push | Choose dynamic data binding. |
| Routable Modals | Choose dynamic data binding. |
| Url | Choose dynamic data binding. |
| Type | Choose dynamic data binding. |
| Theme | Choose dynamic data binding. Represents the currently applied theme (color mode) value. Use this for conditional UI logic (e.g. swap logos based on theme). Bootstrap docs: Color modes |
| Captions Theme | Choose dynamic data binding. |
| Navbar | Choose dynamic data binding. |
| Toolbar | Choose dynamic data binding. |
| Page Back Link Text | Choose dynamic data binding. |
| Page Close Link Text | Choose dynamic data binding. |
| Navbar Show Count | Choose dynamic data binding. |
| Navbar Of Text | Choose dynamic data binding. |
| Icons Color | Choose dynamic data binding. |
| Params | Choose dynamic data binding. |
| Name |
Description |
| Tap | Action: Choose the action to execute. |
| Click | Action: Choose the action to execute. |
| Double tap | Action: Choose the action to execute. |
| Double click | Action: Choose the action to execute. |
| Slide change | Action: Choose the action to execute. |
| Lazy image load | Action: Choose the action to execute. |
| Lazy image ready | Action: Choose the action to execute. |
| Open | Action: Choose the action to execute. |
| Opened | Action: Choose the action to execute. |
| Close | Action: Choose the action to execute. |
| Closed | Action: Choose the action to execute. |
