Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Display icon in title #10

Open
prachi708 opened this issue Jun 27, 2017 · 3 comments
Open

Display icon in title #10

prachi708 opened this issue Jun 27, 2017 · 3 comments

Comments

@prachi708
Copy link

'click #B1':function(e){
$('#fileSpan').text('');
new Confirmation({
message: "..........",
title: "Information",
cancelText: "Add",
okText: "Skip",
success: true, // whether the button should be green or red
focus: "cancel" // which button to autofocus, "cancel" (default) or "ok", or "none"
}, function (ok) {
console.log('ok ',ok)
if(ok){
}
});
},

this is the code i am using to display my alert box. It is working fine. i want to display icon "i" from font-awesome with title "information". How can I do this?

@mathieudutour
Copy link
Owner

I'm guessing you can change the template to use triple {} for the title so that you can pass an html string.

I haven't work with meteor for years so I won't work on that but happy to accept a PR

@Astrea123
Copy link

Your solution is not clear to me

I want my alert box to look like this.
image

this is what I have achieved
image

I want icon 'i' before text Information. How I can add it?

@mathieudutour
Copy link
Owner

Like I said, you would need to fork this repo and change the template to use {{{title}}} instead of {{title}}. Then you will be able to do

new Confirmation({
  title: '<i class="icon" /> Information'
})

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants