emodal alert help #31

pbernim · 2016-01-25T12:01:04Z

Hi,

I don't know how the event works. The follow code does nothing.

What is wrong?

    eModal.confirm(options);

Thanks

The text was updated successfully, but these errors were encountered:

saribe · 2016-01-25T12:35:20Z

Hi, where did you get this example?

Events work as a promise!
Take a look:

var options = {
    message: "The famous question?",
    title: 'Header title',
    size: eModal.size.sm,
    subtitle: 'smaller text header',
    label: 'Yes'
};

eModal
   .alert(options)
   .then( 
       function(){ alert(1); },
       function(){ alert(2); }
   );

Hope that help, see more examples in example site Http://saribe.github.io/eModal

pbernim · 2016-01-25T12:44:37Z

Hi,

Thanks a lot for your help!

That's what I need

Now it's work!

saribe · 2016-01-25T12:45:21Z

NIce to know,
Please feel free to contact me if you need any further information.

pbernim · 2016-01-25T13:50:30Z

Thanks again for your help.

Another question:

How can I change the colour of the buttons?

I have by default:

Yes = blue
No = red

I need Yes = red

Thanks

var options = {
message: "Do you really want to delete this record?",
title: 'Confirmation',
size: eModal.size.sm,
label: 'Yes'
};

    eModal.confirm(options).then(
        function(){ alert(1); },
        function(){ alert(2); }
        );

saribe · 2016-01-25T15:32:40Z

You can do it in multiple ways:

Query DOM and change it.
- When you execute eModal.ACTION, it returns a promise and in the
  promise object, you will find the modal's DOM element.

e.g.; var promise = eModal
.confirm("Hello")
.then(OKfn, KOfn);

    promise.element.find(".btn"); <- this wil return a list of buttons

(.btn class)

Provide custom buttons.
- If you provide your buttons in object options, you can define a
  class
  ,
  buttons: [
  { close: true, click: callback1, text: "btn-danger", style: "danger"
  },
  { close: true, click: callback2, text: "btn-info" style: "info" }, {
  close: true, click: callback3, text: "Other", style: " other" }, //<-
  notice the space before
  { close: true, click: callback4, text: "CSS", css: {
  background-color: 'pink', color: 'blue' } }
  ],

Samuel Ribeiro Pinto

2016-01-25 13:50 GMT+00:00 spilxx notifications@github.com:

Thanks again for your help.

Another question:

How can I change the colour of the buttons?

I have by default:

Yes = blue
No = red

I need Yes = red

Thanks

var options = {
message: "Do you really want to delete this record?",
title: 'Confirmation',
size: eModal.size.sm,
label: 'Yes'
};
eModal.confirm(options).then(
    function(){ alert(1); },
    function(){ alert(2); }
    );
—
Reply to this email directly or view it on GitHub
#31 (comment).

saribe · 2016-01-25T15:35:14Z

Note: if the ACTION in use, already has buttons (e.g.: prompt), your
custom buttons will be addded on left, this will not replace the "native"
ones.

Samuel Ribeiro Pinto

2016-01-25 15:32 GMT+00:00 Samuel Pinto samuel@maispc.com:

You can do it in multiple ways:

Query DOM and change it.

When you execute eModal.ACTION, it returns a promise and in the
promise object, you will find the modal's DOM element.

e.g.; var promise = eModal
.confirm("Hello")
.then(OKfn, KOfn);
    promise.element.find(".btn"); <- this wil return a list of buttons
(.btn class)

Provide custom buttons.

If you provide your buttons in object options, you can define a
class
,
buttons: [
{ close: true, click: callback1, text: "btn-danger", style:
"danger" },
{ close: true, click: callback2, text: "btn-info" style: "info" }, {
close: true, click: callback3, text: "Other", style: " other" },
//<- notice the space before
{ close: true, click: callback4, text: "CSS", css: {
background-color: 'pink', color: 'blue' } }
],

Samuel Ribeiro Pinto

2016-01-25 13:50 GMT+00:00 spilxx notifications@github.com:
Thanks again for your help.

Another question:

How can I change the colour of the buttons?

I have by default:

Yes = blue
No = red

I need Yes = red

Thanks

var options = {
message: "Do you really want to delete this record?",
title: 'Confirmation',
size: eModal.size.sm,
label: 'Yes'
};
eModal.confirm(options).then(
    function(){ alert(1); },
    function(){ alert(2); }
    );
—
Reply to this email directly or view it on GitHub
#31 (comment).

saribe · 2016-01-25T15:37:55Z

[image: Imagem intercalada 2]

Samuel Ribeiro Pinto

2016-01-25 15:35 GMT+00:00 Samuel Pinto samuel@maispc.com:

Note: if the ACTION in use, already has buttons (e.g.: prompt), your
custom buttons will be addded on left, this will not replace the "native"
ones.

Samuel Ribeiro Pinto

2016-01-25 15:32 GMT+00:00 Samuel Pinto samuel@maispc.com:
You can do it in multiple ways:

Query DOM and change it.

When you execute eModal.ACTION, it returns a promise and in the
promise object, you will find the modal's DOM element.

e.g.; var promise = eModal
.confirm("Hello")
.then(OKfn, KOfn);
    promise.element.find(".btn"); <- this wil return a list of
buttons (.btn class)

Provide custom buttons.

If you provide your buttons in object options, you can define a
class
,
buttons: [
{ close: true, click: callback1, text: "btn-danger", style:
"danger" },
{ close: true, click: callback2, text: "btn-info" style: "info" }, {
close: true, click: callback3, text: "Other", style: " other" },
//<- notice the space before
{ close: true, click: callback4, text: "CSS", css: {
background-color: 'pink', color: 'blue' } }
],

Samuel Ribeiro Pinto

2016-01-25 13:50 GMT+00:00 spilxx notifications@github.com:
Thanks again for your help.

Another question:

How can I change the colour of the buttons?

I have by default:

Yes = blue
No = red

I need Yes = red

Thanks

var options = {
message: "Do you really want to delete this record?",
title: 'Confirmation',
size: eModal.size.sm,
label: 'Yes'
};
eModal.confirm(options).then(
    function(){ alert(1); },
    function(){ alert(2); }
    );
—
Reply to this email directly or view it on GitHub
#31 (comment).

pbernim · 2016-01-25T18:15:28Z

Hi Samuel,

Thanks again for your time & valuable help.

vijay1189 · 2017-06-14T07:29:21Z

Hi saribe,
I am using eModal,
i had one issue, after turboboost transaction (on clicking on the turboboost link), emodal is not working,
i tried from even browser console also eModal.alert(''), but it didnt worked.
please can u help me on this.

Thanks

kidsonk · 2022-09-20T08:05:44Z

Am I being stupid but I cannot see any way to get the value that is typed into the prompt box. it has no id so I don't know how to reference it. Any help very much appreciated.
eModal.prompt(options)
.then(
function () { alert("?? PROMPT VALUE ???"); }
);

saribe · 2022-09-23T15:27:44Z

Hello take a look here http://saribe.github.io/eModal/#confirm Hope it helps Smiles, Samuel Pinto

…

On Tue, 20 Sept 2022, 09:05 Kevin Kidson, ***@***.***> wrote: Am I being stupid but I cannot see any way to get the value that is typed into the prompt box. it has no id so I don't know how to reference it. Any help very much appreciated. eModal.prompt(options) .then( function () { alert("?? PROMPT VALUE ???"); } ); — Reply to this email directly, view it on GitHub <#31 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABAUEJ5H2CIWNEMXHJO3SRDV7FV6JANCNFSM4BZOGPXQ> . You are receiving this because you modified the open/close state.Message ID: ***@***.***>

kidsonk · 2022-09-26T08:39:01Z

Many many thanks for getting back to me I have scoured that document before but cannot see where the actual value that is typed into the text box is returned As the text-box does not have an ID I have no idea how to get the value On Fri, Sep 23, 2022 at 5:27 PM Samuel Pinto ***@***.***> wrote:

…

Hello take a look here http://saribe.github.io/eModal/#confirm Hope it helps Smiles, Samuel Pinto On Tue, 20 Sept 2022, 09:05 Kevin Kidson, ***@***.***> wrote: > Am I being stupid but I cannot see any way to get the value that is typed > into the prompt box. it has no id so I don't know how to reference it. Any > help very much appreciated. > eModal.prompt(options) > .then( > function () { alert("?? PROMPT VALUE ???"); } > ); > > — > Reply to this email directly, view it on GitHub > <#31 (comment)>, or > unsubscribe > < https://github.com/notifications/unsubscribe-auth/ABAUEJ5H2CIWNEMXHJO3SRDV7FV6JANCNFSM4BZOGPXQ > > . > You are receiving this because you modified the open/close state.Message > ID: ***@***.***> > — Reply to this email directly, view it on GitHub <#31 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACDJABCQMULMCEIB4UNVTU3V7XD7VANCNFSM4BZOGPXQ> . You are receiving this because you commented.Message ID: ***@***.***>

saribe added the question label Jan 25, 2016

saribe self-assigned this Jan 25, 2016

saribe closed this as completed Jan 25, 2016

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

emodal alert help #31

emodal alert help #31

pbernim commented Jan 25, 2016

saribe commented Jan 25, 2016

pbernim commented Jan 25, 2016

saribe commented Jan 25, 2016

pbernim commented Jan 25, 2016

saribe commented Jan 25, 2016

If you provide your buttons in object options, you can define a
class

saribe commented Jan 25, 2016

If you provide your buttons in object options, you can define a
class

saribe commented Jan 25, 2016

If you provide your buttons in object options, you can define a
class

pbernim commented Jan 25, 2016

vijay1189 commented Jun 14, 2017 •

edited

Loading

kidsonk commented Sep 20, 2022

saribe commented Sep 23, 2022 via email

kidsonk commented Sep 26, 2022 via email

emodal alert help #31

emodal alert help #31

Comments

pbernim commented Jan 25, 2016

saribe commented Jan 25, 2016

pbernim commented Jan 25, 2016

saribe commented Jan 25, 2016

pbernim commented Jan 25, 2016

saribe commented Jan 25, 2016

If you provide your buttons in object options, you can define a class

saribe commented Jan 25, 2016

If you provide your buttons in object options, you can define a class

saribe commented Jan 25, 2016

If you provide your buttons in object options, you can define a class

pbernim commented Jan 25, 2016

vijay1189 commented Jun 14, 2017 • edited Loading

kidsonk commented Sep 20, 2022

saribe commented Sep 23, 2022 via email

kidsonk commented Sep 26, 2022 via email

If you provide your buttons in object options, you can define a
class

If you provide your buttons in object options, you can define a
class

If you provide your buttons in object options, you can define a
class

vijay1189 commented Jun 14, 2017 •

edited

Loading