Giter Club home page Giter Club logo

dynamicimageviewer's Introduction

Support

Image Viewer

Note: Per version 5.0 we remove the Mobile Dynamic Imageviewer and Mobile Static Imageviewer, as there is no difference with the normal ones. This is breaking, do not update if you use those two

Description

The image viewer package provides the possibility to display images using URLs. Those URLs can be constructed dynamically, or be be predefined in the modeler. To 'just' display an image, without having a System.Image object, this package is just what you are looking for. Last but not least the viewer supports cross-browser proportional scaling.

Typical usage scenario

  • Display images from a remote URL (like facebook or MxID)
  • Display images not from Mendix in your application
  • Display images in a pagewith a predefined, fixed URL.
  • Display images based on a calculated URL.
  • Just display an image in your application, based on a modeler image or a predefined URL.

Features and limitations

  • Display images based on a URL, either predefined or extracted from your domain model
  • The image viewer can display images derived from System.Image as well

Installation

Import the widget to your project and add the widget inside a dataview. Configure the properties to determine how the widget will behave in your application.

Properties


Alt Caption

Alternative caption which will be shown when the image cannot be loaded.

Click Action

This microflow will be invoked when the image is clicked. The return value is ignored.

Height & Width

Maximum height and/or width of the image in pixels.

Image URL

This image can be shown if the image cannot be found, is loading or if the image attribute is not defined.

Image attribute

If set, this fields provides the image URL of an image. This property overrides the Image URL property. The final URL (src) of the image then becomes the concatenation: .

Link attribute

This fields provides the URL of the website which should be opened when the image is clicked.

Link target

Defines where the link (see Link attribute) should be opened.

Tooltip attribute

This attribute will be used as the tooltip hover text for the image.

Path prefix

If set, this path will be prefixed before the image URL.

Path postfix

If set, this path will be append after the image URL.

dynamicimageviewer's People

Contributors

densmoe avatar eheddema avatar iannbing avatar jeltemx avatar melvingrootenboers avatar roelandsalij avatar rvthof avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

dynamicimageviewer's Issues

Remove applyContext & fix updateRendering

applyContext is unnecessary, because we use the update method everywhere. We need to fix that and make sure that when an update occurs, it will render nothing when the context object is empty

Support for Base64 content from object

When working with Native, it is normal to generate images in Base64 format (e.g. Signatures) and store this Base64 encoded image in a String attribute. It would be good to be able to display these Base64 images in the web UI without having to convert to a File. As far as I can see this widget only works with remote content. Could it be made to display content directly from an object?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.