Use this reference to understand what Framework 7 Photo Browser Reference is for and which component-specific inspector group matters most when you configure it.
Inspector Property Groups
Photo Browser Properties
| Property |
Type |
Details |
| ID | text | Required in common setups.
Attribute: id |
| Exposition | boolean | Attribute: exposition |
| Exposition Hide Captions | boolean | Attribute: exposition-hide-captions |
| Swipe To Close | boolean | Attribute: swipe-to-close |
| Popup Push | boolean | Attribute: popup-push |
| Routable Modals | boolean | Attribute: routable-modals |
Actions
Open
Framework 7 Photo Browser Open
| Configuration group |
Controls |
| Open Properties | Index |
Close
Framework 7 Photo Browser Close
| Configuration group |
Controls |
| Close Properties | Action configuration group |
Exposition toggle
Framework 7 Photo Browser Exposition toggle
| Configuration group |
Controls |
| Exposition toggle Properties | Action configuration group |
Exposition enable
Framework 7 Photo Browser Exposition enable
| Configuration group |
Controls |
| Exposition enable Properties | Action configuration group |
Exposition disable
Framework 7 Photo Browser Exposition disable
| Configuration group |
Controls |
| Exposition disable Properties | Action configuration group |
Dynamic Attributes
Photos
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Exposition
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Exposition Hide Captions
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Swipe To Close
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Dynamic Events
Tap
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Click
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Double tap
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Double click
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Slide change
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
