{"action":"created","issue":{"url":"https://api.github.com/repos/McNull/angular-block-ui/issues/97","repository_url":"https://api.github.com/repos/McNull/angular-block-ui","labels_url":"https://api.github.com/repos/McNull/angular-block-ui/issues/97/labels{/name}","comments_url":"https://api.github.com/repos/McNull/angular-block-ui/issues/97/comments","events_url":"https://api.github.com/repos/McNull/angular-block-ui/issues/97/events","html_url":"https://github.com/McNull/angular-block-ui/issues/97","id":115755081,"number":97,"title":"Setting multiple templates","user":{"login":"abhi901abhi","id":6618625,"avatar_url":"https://avatars.githubusercontent.com/u/6618625?v=3","gravatar_id":"","url":"https://api.github.com/users/abhi901abhi","html_url":"https://github.com/abhi901abhi","followers_url":"https://api.github.com/users/abhi901abhi/followers","following_url":"https://api.github.com/users/abhi901abhi/following{/other_user}","gists_url":"https://api.github.com/users/abhi901abhi/gists{/gist_id}","starred_url":"https://api.github.com/users/abhi901abhi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/abhi901abhi/subscriptions","organizations_url":"https://api.github.com/users/abhi901abhi/orgs","repos_url":"https://api.github.com/users/abhi901abhi/repos","events_url":"https://api.github.com/users/abhi901abhi/events{/privacy}","received_events_url":"https://api.github.com/users/abhi901abhi/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-11-08T19:54:56Z","updated_at":"2016-03-04T21:07:03Z","closed_at":null,"body":"Hi,\r\n\r\nCan we set multiple templates for block UI. For examaple , I have two divs, For one dive I will use Round Loading Symbol  and for other Div I will use Bar Loading symbol. ''Can we do like this?\""},"comment":{"url":"https://api.github.com/repos/McNull/angular-block-ui/issues/comments/192466784","html_url":"https://github.com/McNull/angular-block-ui/issues/97#issuecomment-192466784","issue_url":"https://api.github.com/repos/McNull/angular-block-ui/issues/97","id":192466784,"user":{"login":"kyleguate","id":2439801,"avatar_url":"https://avatars.githubusercontent.com/u/2439801?v=3","gravatar_id":"","url":"https://api.github.com/users/kyleguate","html_url":"https://github.com/kyleguate","followers_url":"https://api.github.com/users/kyleguate/followers","following_url":"https://api.github.com/users/kyleguate/following{/other_user}","gists_url":"https://api.github.com/users/kyleguate/gists{/gist_id}","starred_url":"https://api.github.com/users/kyleguate/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kyleguate/subscriptions","organizations_url":"https://api.github.com/users/kyleguate/orgs","repos_url":"https://api.github.com/users/kyleguate/repos","events_url":"https://api.github.com/users/kyleguate/events{/privacy}","received_events_url":"https://api.github.com/users/kyleguate/received_events","type":"User","site_admin":false},"created_at":"2016-03-04T21:07:03Z","updated_at":"2016-03-04T21:07:03Z","body":"Hey abhi901abhi,\r\n\r\nI had a similar need.  Basically I wanted to have a default, success, error, info, and warning templates.  \r\n\r\nWhile I think it would be ideal to have a way to load up multiple templates, I used the following workaround:\r\n\r\nDefine a custom template in the blockUIConfig:\r\n\r\n```\r\nblockUIConfig.template =\r\n\t\t\t'<div class=\"block-ui-overlay\"></div>' +\r\n\t\t\t'<div class=\"block-ui-message-container\" aria-live=\"assertive\" aria-atomic=\"true\">' +\r\n\t\t\t'<div class=\"block-ui-message data-ng-binding\" data-ng-class=\"state.cssClasses\">{{ state.message }}</div></div></div>\"';`\r\n```\r\n\r\nI copied the default template and added the 'state.cssClasses' in the data-ng-class.  Then to pass the css class in you specify it as a custom property on the start method:\r\n\r\n```\r\n.start({\r\n  message: 'Save Successful',\r\n  cssClasses: ['success', 'other-custom-class']\r\n});\r\n```\r\n\r\nFor your use case you could pass in a property called 'icon' and then add a placeholder for it in your custom template.\r\n\r\nDoes that make sense?\r\n"}}