Good afternoon everyone, could you please tell me something to show me how I put an informative popup on the screen for the user?
You know those popups that when entering the site it appears in the middle of the screen with a warning, this is the type I would like to put on mine!
Can you be more specific, or show us an example on another website? There are many possible ways to implement popups. Do you want the popup to be open upon page load, or appear after a certain amount of time, or when the user clicks a button, or when they scroll to a certain place on the page?
Bootstrap includes certain components that can create various types of âpopupsâ including Alerts, Toasts, Popovers or Modals. Most will require adding some custom code.
Have you searched the online library for âpopupâ, âalertâ or âcookieâ? There are some Bootstrap 4 components available, though nothing for Bootstrap 5, because most of these components used Jquery, and BS did away with JQuery. There are a variety of different ways to trigger alerts in BS5
1 Like
The easiest way would be to use a modal
In BS 5 just use this javascipt (assuming the modal has an id of popup):
var popupModal = new bootstrap.Modal(document.getElementById(âpopupâ))
popupModal.show()
It would probably be best to use a cookie and wrap the âpopupModal.showâ in a function so it doesnât show all the time
hey thanks for the example
small question aside, where does the cookie mangament tool come from?
is that a part of the BSS? Where can I find it? am amazed
@bsphil
It is not part of BSS.
I shared the banner in the online library search for Cookie Banner
1 Like
See the example here: https://codepen.io/imprakash/pen/GgNMXO
And here: html - The easiest way to automatically open a popup? - Stack Overflow