cancel
Showing results for 
Search instead for 
Did you mean: 

How to specify custom template for modal

SOLVED
   Did you know you can see the translated content as per your choice?

Translation is in progress. Please check again after few minutes.

How to specify custom template for modal

How can I specify an custom template for an modal? I tried to specify the type and customTemplate, but no luck. The template file is called modal-gallery.html and is placed on the same path as the modal-popup.

var modalOptions = {
type: 'gallery',
customTpl: 'gallery'
};
jQuery('<div />').modal(modalOptions).modal('openModal');

 

1 ACCEPTED SOLUTION

Accepted Solutions

Re: How to specify custom template for modal

found the answer by myself. You need to define 'text!ui/template/modal/modal-gallery.html' as galleryTpl and use the modalOptions as below:

var modalOptions = {
type: 'gallery',
customTpl: 'gallery',
galleryTpl: galleryTpl,
};

View solution in original post

1 REPLY 1

Re: How to specify custom template for modal

found the answer by myself. You need to define 'text!ui/template/modal/modal-gallery.html' as galleryTpl and use the modalOptions as below:

var modalOptions = {
type: 'gallery',
customTpl: 'gallery',
galleryTpl: galleryTpl,
};