Use this widget to display a single image on your page. You can choose an image from the already uploaded images or upload a new image.
The Image widget uses the sfImageField directive and the sfImageSelector.
For more details, see Feather: Image field and Feather: Image selector.
After you place the Image widget on your page, you configure the widget to display a specific image. To do this, you click the Edit button in the upper-right corner of the widget.
In the Image window you specify whether you want to display an image from the library or you want to upload anew image.
To select an image, you can:
Next, click the Done button.
In the right side of the window, select Upload image.
To upload an image, do one of the following:
You can also:
Edit image properties
After you select an image or upload a new one, you can see the image properties such as type, file size, and upload date.
To change the selected image, click Change image button and select or upload new image.
To edit image properties:
To make your image link to a selected page, click the To selected page… option and specify a page from your site.
To display the image in size different than its original size, in Image size dropdown menu, do one of the following:
From the Template dropdown menu, select a widget template to use for this Image widget.
In case you created predefined styles, you can use the Style dropdown menu, which lists your predefined styles. For more information, see Feather: Add predefined styles.
Configure the Image widget in multsite enviroment
If you are using multiple site management and the Libraries module uses data sources from more than one site, you must first choose the source from which you want to display images or where an image, uploaded from your computer, is saved. To do this, use the dropdown menu in the upper-right corner of the window and select a provider.
For more information, see Multisite: Manage multiple sites.
Configure the Image widget in multilingual enviroment
If your site is multilingual and the page you are editing is synchronized with another translation, when editing the widget, you can see a Save to all translations button. Once you click the button, the current widget configuration is saved to all translations. Otherwise, the widget configuration is saved just for the current translation. Pages are still synchronized. Thus, you can synchronize pages and have different widget configurations, but you cannot have different widgets.
You can create new widget templates for the Image widget either in Sitefinity CMS backend, or in the file system.
To create widget template in the backend:
Once you create the new Image widget template, you can use it when you open the widget for editing.
Create templates in the file system:
Back To Top