IN THIS ARTICLE

    IN THIS ARTICLE

      Image

      This comprehensive guide will cover everything that needs to be known about the Image element in Mokkup.

      When to Use?

      Images can be a great way to add visual interest and help break up text-heavy sections of your dashboard.

      Image is used when:

      • Image context helps consumers learn about the data's environment or reality. This is very useful for location and product information.
      • It serves as an illustrative example that clarifies complex concepts or data points.
      • By placing images side by side with data, users can visually compare and contrast information, enabling quicker identification of patterns, trends, and variations.
      • Images can help users quickly identify products, objects, or entities without the need for textual descriptions.

      How to Create?

      There are two ways to use Image in the Mokkup dashboard:

      Creating a New Project :

      • When creating a project from scratch, simply click on the element in the sidebar to add it or drag and drop it onto the canvas.
      • Can resize it and edit it from the customize element menu.

      Using a Mokkup Template:

      • When using a template with the Image element, select the element to resize and open the customize element menu. 

      How to Customize?

      Mokkup provides customization options for every element. These customization options are accessible via the left-hand navigation menu. 

      1. Details:

      Edit the basic details here:

      • Title: Change the title of the image here. Toggle off if not needed.
      • Alignment: Adjust the title alignment to either left, center, or right of the element.

      2. Properties:

      • Can add image here. Can upload any image in jpeg, png, svg, or gif format.
      • There is an additional feature called "Scale" which is only accessible once you have uploaded the image. It allows you to modify the image frame to settings such as normal, fill, and fit.

      3. Design Customizations

      • This will access the 'Design Customizations' menu when clicked. 
      • Use this to change your active theme and utilize customization options to adjust the canvas accordingly.
      • For more information, please refer to this article.

      This was a complete guide to using the “Image” element on Mokkup. If you have further questions, please ask our Chatbot or contact support.

      Similar articles