Menu icon Foundation

Foundation Forum

Foundation Forum

alert question

Is there a way to make it so the alert panel 

<div data-alert class="alert-box info radius">
  This is an info alert with a radius.
  <a href="#" class="close">&times;</a>
</div>

is only shown on the web site until the a person clicks the x then it will not appear again? Right now, it reloads everytime even after the x is clicked. Would I have to use localstorage property or some other javascript to do this?

alert

Is there a way to make it so the alert panel 

<div data-alert class="alert-box info radius">
  This is an info alert with a radius.
  <a href="#" class="close">&times;</a>
</div>

is only shown on the web site until the a person clicks the x then it will not appear again? Right now, it reloads everytime even after the x is clicked. Would I have to use localstorage property or some other javascript to do this?

Rafi Benkual over 4 years ago

You can make these alerts show up as different actions are performed.

In this tutorial, it is shown how to use it on a fom submission.

http://webdesign.tutsplus.com/tutorials/foundation-for-beginners-progress-alerts-tooltips-and-the-elusive-mega-drop--webdesign-13195

Master Foundation for Sites

Get up to speed FAST, learn straight from the experts who built Foundation.

Learn More
Register Today

Get all the answers in our
Foundation Classes

Learn Foundation from the creators in our interactive online webinars which will keep you up to date with the latest trends and skills needed to win your projects.

See Upcomming Classes

Or if you prefer, contact the Foundation Team at training@zurb.com or (408) 341-0600 x635