How to add an image in a modal/pop-up window?

17 Jul '15, 11:46 PM
No Forum Badges

How can I add an image in to a modal/pop-up window?



x 0
Answer Answer at this question and get points!
Forum Hero - Level 9


yes, you can show images in modal/popup windows. In this case can you better describe us the desired behavior and the user interaction?

x 0
Forum Expert - Level 5

Yes, it is possible.

You modify the, and include your css and class.



x 0
Forum Expert - Level 5



Yes you can show images. You can some alternatives:


  • Include a message unit with <img src="" /> code
  • If you image is save in data base usa a data unit
  • Modify the template


x 0
Forum Starter - Level 3

The easiest way to show images is to Add the image to the Entity (Make sure you create the blob file and assign the image type), then add Detail component in the page you want to use as modal and select the Entity and the atrribute and make sure Image type is also assigned. 

Then in the OK Flow select the Ajax Tab and and Select Open Windows and make sure Modal is selected.

Then go to the "modal" page and go to the Layout, then clic on the Detail component and go to the Outline view and expand the tree view and clic on the attribute and go to the Properties tab and asssign a "Style Class". 

Then go to your .CSS file and create a Style for the image like. 


width: 100px;

height: 100px;


or Whatever the px you need. 



x 0
Answer at this question and get points!

Related questions

2 grids inside one/same cell result in non-selectable 2nd grid Access page variable in a page template add html Ajax and FCK Editor (WebRatio 5.x) ajax and javascript AJAX events problem to external JavaScript Ajax is not working in own style project Ajax link success callback? Ajax onchange and jQuery 2.x (with migrate plugin) incompatible Ajax on change selection field and modify units Ajax web app with javascript history object using the WebRatio Alimentar graficas con base de datos Alternate way to get current User Oid in layout template groovy script? Any way to localize the Tab Grid Template (Webratio Store)? Applicare un template ad un Web Project Autocomplete template Ayuda Simple List Component Layout personalizado Bootstrap Style Button to go on another page Cambiare dimensioni bottoni - Change button size Can I inject html into custom unit template?! Change color template bootstrap style Change Style Changing the login page does not work ckeditor - change directory for the browser Colore Attributi index unit Dinamico - Index unit dynamic attribute color Como abrir una ventana en ajax desde una master page Como embeber un video subido desde archivo ? Como mostrar una imagen de portada arriba del menu? Como mostrar una imagen en una lista o en la componente detalles? Como usar la función autocomplete en un field Confirm Dialog Customize layout mobile platform Custom Tooltip Position Custom Unit and AJAX / SOAP Default error pages default login page Disabilitare campi durante evento AJAX Display contents of a URL Dynamic link labelling for Custom Unit Error in Excel Unit - Font size Export to a HTML/CSS/JS project Field as link soruce File CSS non considerato in generazione Form element Form template forward/backward navigation and bookmark in ajax web app Generation errors on ajax enabled page with many components, ajax links and selective refresh Get date pattern Get home page from template Google map is not shown properly in the tab grid Guardar Saltos de LINEA HelloWorld Unit sample code Hiding form components based on page conditions Hiding landmarks (or flows) when the user is logged in How can i create pagemenu or landmarkmenu with multiple levels. How can I modified the htmls files to perform my style How to get a wr:AjaxURL tag working How to include a template into other template? How to keep current page/block of List/Hierarchy (Index) components after ajax link clickwith selective refresh? How to localize AJAX waiting dialog? How to localize the multi message unit in the notification layout How to modify template? How to modify the FertileEnviroment Default page How to open a window ajax in a BPM activity? How to remove default Linked Resources? How to use LandmarkMenu as AJAX navigation how to use the landmark menu as AJAX navigation integrate framework to webratio mobile Integrazione javascript Javascript and html javascript history object Localize "Welcome..." and "Process details" logo webratio meaning of each tag in the XML code (Show XML/Show Layout XML) modify field html Modify html generated by wr:NavigationBar Pages Problem After Project Generation pass template variable Problem Login Form only if user not logged Problem print Problems with the page refresh (Tab Grid) Problem with adding templates Problem with application runnung Progress bar when uploading big file(s) in a form? query unit who to hide fields that are used in a link Recursive Hierarchical Index Unit Style Tree Redirect to the default module Remove default BPM css import for all templates Responsive Bootstrap Grid Responsive Layout Manager Scroll ajax problem selection fields on cascade Selezione sul giorno "Events Planning" Set context parameter Simple Static Page Standard confirm dialog replacement Style hierarchical unit help!! Supoort for Mobile and Desktop display Target tabs in Tab Grid Control Tooltip on a field Too much layout parameters = no scroll in parameters config window Update fields based on selection of other fields Uppercase Use image as interaction flow Uso de la componente chart de webRatio Vista de diferentes Site Views Webratio Add-ons no permite login wr-ajaxDivs break layout on ajax pages.