![]() ![]() Field data type (required): Select the data type in which the input data of the field should be saved in Contentstack.This title will be visible when you select the extension in the custom field in your content type. Title (required): Provide a suitable title, for example “Image Cropper” for your custom field.On the Create New Extension page, enter values in the fields as given below:.Click on the Custom Field option in the Select Extension Type window as shown below:.On the Extensions page, click on the + New Extension button, and select Create New.Go to your stack, navigate to the “Settings” icon on the left navigation panel and select Extensions. You can also use the shortcut keys “alt + X” for Windows OS users, and “option + X” for Mac OS users to access the extensions menu.Once you have logged in to your account, follow the steps given below: To view the asset URL, open the asset and copy the File URL. After uploading this file, make a note of the asset URL. Upload this file as an asset in your stack by referring to the Create/Upload Assets guide. ![]() image-cropper-popup: Navigate to image-cropper-popup/build/index.html.The code inside this file will be uploaded in the extension source code field of our extension in the next step. image-cropper: Navigate to image-cropper/build/index.html file.Our team will provide the source code which contains the following two files: If Extensions are part of your plan, contact our Support team to get the code for the extension. We have created the sample code for the extension. To set up the Image Cropper extension in Contentstack, log in to your Contentstack account. This step-by-step guide explains how to create an Image Cropper custom field extension for your content types. Regardless of the image cropping, the focal point remains constant. The editor can choose a point in an image to focus on by using the focal point. Additionally, the image cropper extension also lets you set a focal point for the images you want to crop. By using this extension, you can crop and add multiple images in the custom field of your entry. The Image Cropper custom extension allows you to fetch and crop the images in your stack into a field of your content type. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |