ngbPopover will not close and will open on load
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
0
I want to show the popover once the page load or without trigerring the button and will never close
I'm using ngbPopover in Angular.
<button placement="left" (click)="openQuestionnaire()" [ngbPopover]="popContent" >0/4</button>
using the reference here : https://ng-bootstrap.github.io/#/components/popover/examples
angular asked Nov 15 '18 at 8:06
marjorieasensimarjorieasensi
126
add a comment |
0
I want to show the popover once the page load or without trigerring the button and will never close
I'm using ngbPopover in Angular.
<button placement="left" (click)="openQuestionnaire()" [ngbPopover]="popContent" >0/4</button>
using the reference here : https://ng-bootstrap.github.io/#/components/popover/examples
angular asked Nov 15 '18 at 8:06
marjorieasensimarjorieasensi
126
Elaborate your question.
– Sunil Singh
Nov 15 '18 at 8:09
add a comment |
0
0
0
I want to show the popover once the page load or without trigerring the button and will never close
I'm using ngbPopover in Angular.
<button placement="left" (click)="openQuestionnaire()" [ngbPopover]="popContent" >0/4</button>
using the reference here : https://ng-bootstrap.github.io/#/components/popover/examples
angular asked Nov 15 '18 at 8:06
marjorieasensimarjorieasensi
126
I want to show the popover once the page load or without trigerring the button and will never close
I'm using ngbPopover in Angular.
<button placement="left" (click)="openQuestionnaire()" [ngbPopover]="popContent" >0/4</button>
using the reference here : https://ng-bootstrap.github.io/#/components/popover/examples
angular angular asked Nov 15 '18 at 8:06
marjorieasensimarjorieasensi
126
asked Nov 15 '18 at 8:06
marjorieasensimarjorieasensi
126
edited Nov 15 '18 at 8:28
marjorieasensi
asked Nov 15 '18 at 8:06
marjorieasensimarjorieasensi
126
asked Nov 15 '18 at 8:06
marjorieasensimarjorieasensi
126
asked Nov 15 '18 at 8:06
marjorieasensimarjorieasensi
126
126
Elaborate your question.
– Sunil Singh
Nov 15 '18 at 8:09
add a comment |
Elaborate your question.
– Sunil Singh
Nov 15 '18 at 8:09
Elaborate your question.
– Sunil Singh
Nov 15 '18 at 8:09
Elaborate your question.
– Sunil Singh
Nov 15 '18 at 8:09
add a comment |
1 Answer
1
active
oldest
votes
0
You have to add this property to your button:
[autoClose]="false"
Then your button would look like this:
<button placement="left"
(click)="openQuestionnaire()"
[ngbPopover]="popContent"
[autoClose]="false" >0/4</button>
From the link you shared i found this:
<button type="button" class="btn btn-outline-secondary mr-2"
ngbPopover="What a great tip!"
[autoClose]="false"
triggers="manual"
#p="ngbPopover"
(click)="p.open()"
popoverTitle="Pop title">
Click me to open a popover
</button>
As per your comment, you can trigger it when your component is shown in the page:
<button placement="left"
#pop="ngbPopover"
(click)="openQuestionnaire()"
[ngbPopover]="popContent"
[autoClose]="false" >0/4</button>
in your component class:
ngOnInit()
if(!pop.isOpen())
pop.open();
answered Nov 15 '18 at 8:17
JaiJai
64.4k105782
Is it possible to show automatically without triggering the button ?
– marjorieasensi
Nov 15 '18 at 8:27
You can trigger it in thengOnInit() p.open();. herepis the template reference variable#p.
– Jai
Nov 15 '18 at 8:39
Did you use any constructor to define the popover you used in if(!popover.isOpen()) pop.open();
– marjorieasensi
Nov 15 '18 at 8:56
Ah there is a correctionpop.isOpen().
– Jai
Nov 15 '18 at 8:58
By the way just letting you know I have the (click)="openQuestionnaire()" to open the modal ... If I do use it on ngOnInit() the modal also will be triggered at the same time
– marjorieasensi
Nov 15 '18 at 9:00
|
show 2 more comments
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53314880%2fngbpopover-will-not-close-and-will-open-on-load%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
You have to add this property to your button:
[autoClose]="false"
Then your button would look like this:
<button placement="left"
(click)="openQuestionnaire()"
[ngbPopover]="popContent"
[autoClose]="false" >0/4</button>
From the link you shared i found this:
<button type="button" class="btn btn-outline-secondary mr-2"
ngbPopover="What a great tip!"
[autoClose]="false"
triggers="manual"
#p="ngbPopover"
(click)="p.open()"
popoverTitle="Pop title">
Click me to open a popover
</button>
As per your comment, you can trigger it when your component is shown in the page:
<button placement="left"
#pop="ngbPopover"
(click)="openQuestionnaire()"
[ngbPopover]="popContent"
[autoClose]="false" >0/4</button>
in your component class:
ngOnInit()
if(!pop.isOpen())
pop.open();
answered Nov 15 '18 at 8:17
JaiJai
64.4k105782
Is it possible to show automatically without triggering the button ?
– marjorieasensi
Nov 15 '18 at 8:27
You can trigger it in thengOnInit() p.open();. herepis the template reference variable#p.
– Jai
Nov 15 '18 at 8:39
Did you use any constructor to define the popover you used in if(!popover.isOpen()) pop.open();
– marjorieasensi
Nov 15 '18 at 8:56
Ah there is a correctionpop.isOpen().
– Jai
Nov 15 '18 at 8:58
By the way just letting you know I have the (click)="openQuestionnaire()" to open the modal ... If I do use it on ngOnInit() the modal also will be triggered at the same time
– marjorieasensi
Nov 15 '18 at 9:00
|
show 2 more comments
0
You have to add this property to your button:
[autoClose]="false"
Then your button would look like this:
<button placement="left"
(click)="openQuestionnaire()"
[ngbPopover]="popContent"
[autoClose]="false" >0/4</button>
From the link you shared i found this:
<button type="button" class="btn btn-outline-secondary mr-2"
ngbPopover="What a great tip!"
[autoClose]="false"
triggers="manual"
#p="ngbPopover"
(click)="p.open()"
popoverTitle="Pop title">
Click me to open a popover
</button>
As per your comment, you can trigger it when your component is shown in the page:
<button placement="left"
#pop="ngbPopover"
(click)="openQuestionnaire()"
[ngbPopover]="popContent"
[autoClose]="false" >0/4</button>
in your component class:
ngOnInit()
if(!pop.isOpen())
pop.open();
answered Nov 15 '18 at 8:17
JaiJai
64.4k105782
Is it possible to show automatically without triggering the button ?
– marjorieasensi
Nov 15 '18 at 8:27
You can trigger it in thengOnInit() p.open();. herepis the template reference variable#p.
– Jai
Nov 15 '18 at 8:39
Did you use any constructor to define the popover you used in if(!popover.isOpen()) pop.open();
– marjorieasensi
Nov 15 '18 at 8:56
Ah there is a correctionpop.isOpen().
– Jai
Nov 15 '18 at 8:58
By the way just letting you know I have the (click)="openQuestionnaire()" to open the modal ... If I do use it on ngOnInit() the modal also will be triggered at the same time
– marjorieasensi
Nov 15 '18 at 9:00
|
show 2 more comments
0
0
0
You have to add this property to your button:
[autoClose]="false"
Then your button would look like this:
<button placement="left"
(click)="openQuestionnaire()"
[ngbPopover]="popContent"
[autoClose]="false" >0/4</button>
From the link you shared i found this:
<button type="button" class="btn btn-outline-secondary mr-2"
ngbPopover="What a great tip!"
[autoClose]="false"
triggers="manual"
#p="ngbPopover"
(click)="p.open()"
popoverTitle="Pop title">
Click me to open a popover
</button>
As per your comment, you can trigger it when your component is shown in the page:
<button placement="left"
#pop="ngbPopover"
(click)="openQuestionnaire()"
[ngbPopover]="popContent"
[autoClose]="false" >0/4</button>
in your component class:
ngOnInit()
if(!pop.isOpen())
pop.open();
answered Nov 15 '18 at 8:17
JaiJai
64.4k105782
You have to add this property to your button:
[autoClose]="false"
Then your button would look like this:
<button placement="left"
(click)="openQuestionnaire()"
[ngbPopover]="popContent"
[autoClose]="false" >0/4</button>
From the link you shared i found this:
<button type="button" class="btn btn-outline-secondary mr-2"
ngbPopover="What a great tip!"
[autoClose]="false"
triggers="manual"
#p="ngbPopover"
(click)="p.open()"
popoverTitle="Pop title">
Click me to open a popover
</button>
As per your comment, you can trigger it when your component is shown in the page:
<button placement="left"
#pop="ngbPopover"
(click)="openQuestionnaire()"
[ngbPopover]="popContent"
[autoClose]="false" >0/4</button>
in your component class:
ngOnInit()
if(!pop.isOpen())
pop.open();
answered Nov 15 '18 at 8:17
JaiJai
64.4k105782
edited Nov 15 '18 at 8:58
answered Nov 15 '18 at 8:17
JaiJai
64.4k105782
answered Nov 15 '18 at 8:17
JaiJai
64.4k105782
answered Nov 15 '18 at 8:17
JaiJai
64.4k105782
64.4k105782
Is it possible to show automatically without triggering the button ?
– marjorieasensi
Nov 15 '18 at 8:27
You can trigger it in thengOnInit() p.open();. herepis the template reference variable#p.
– Jai
Nov 15 '18 at 8:39
Did you use any constructor to define the popover you used in if(!popover.isOpen()) pop.open();
– marjorieasensi
Nov 15 '18 at 8:56
Ah there is a correctionpop.isOpen().
– Jai
Nov 15 '18 at 8:58
By the way just letting you know I have the (click)="openQuestionnaire()" to open the modal ... If I do use it on ngOnInit() the modal also will be triggered at the same time
– marjorieasensi
Nov 15 '18 at 9:00
|
show 2 more comments
Is it possible to show automatically without triggering the button ?
– marjorieasensi
Nov 15 '18 at 8:27
You can trigger it in thengOnInit() p.open();. herepis the template reference variable#p.
– Jai
Nov 15 '18 at 8:39
Did you use any constructor to define the popover you used in if(!popover.isOpen()) pop.open();
– marjorieasensi
Nov 15 '18 at 8:56
Ah there is a correctionpop.isOpen().
– Jai
Nov 15 '18 at 8:58
By the way just letting you know I have the (click)="openQuestionnaire()" to open the modal ... If I do use it on ngOnInit() the modal also will be triggered at the same time
– marjorieasensi
Nov 15 '18 at 9:00
Is it possible to show automatically without triggering the button ?
– marjorieasensi
Nov 15 '18 at 8:27
Is it possible to show automatically without triggering the button ?
– marjorieasensi
Nov 15 '18 at 8:27
You can trigger it in the
ngOnInit() p.open(); . here p is the template reference variable #p.– Jai
Nov 15 '18 at 8:39
You can trigger it in the
ngOnInit() p.open(); . here p is the template reference variable #p.– Jai
Nov 15 '18 at 8:39
Did you use any constructor to define the popover you used in if(!popover.isOpen()) pop.open();
– marjorieasensi
Nov 15 '18 at 8:56
Did you use any constructor to define the popover you used in if(!popover.isOpen()) pop.open();
– marjorieasensi
Nov 15 '18 at 8:56
Ah there is a correction
pop.isOpen().– Jai
Nov 15 '18 at 8:58
Ah there is a correction
pop.isOpen().– Jai
Nov 15 '18 at 8:58
By the way just letting you know I have the (click)="openQuestionnaire()" to open the modal ... If I do use it on ngOnInit() the modal also will be triggered at the same time
– marjorieasensi
Nov 15 '18 at 9:00
By the way just letting you know I have the (click)="openQuestionnaire()" to open the modal ... If I do use it on ngOnInit() the modal also will be triggered at the same time
– marjorieasensi
Nov 15 '18 at 9:00
|
show 2 more comments
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53314880%2fngbpopover-will-not-close-and-will-open-on-load%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Elaborate your question.
– Sunil Singh
Nov 15 '18 at 8:09