Only CSS nice styl for javascript alert

Question

User1991482975 posted

Hi, i have an ajax link and when i click on it i show the classic javscript alert with the 2 button OK and CANCEL

THis is my link 

@{
    var messageconfirm = ViewRes.Shared.CollaboratorAccept + " " + ViewRes.Shared.Collaborator + "?";
    var messageconfirmdecline = ViewRes.Shared.CollaboratorDecline + " " + ViewRes.Shared.Collaborator + "?";
}
@Ajax.ActionLink(ViewRes.Shared.Decline, "SalonDetailsCollaboratorsManageList", "Salon", new { saloncollaboratordeclineid = item.SalonCollaboratorId, salonid = ViewBag.SalonId, sortOrder = ViewBag.CurrentSort, currentFilter = ViewBag.CurrentFilter }, new AjaxOptions { Confirm = messageconfirmdecline, UpdateTargetId = "some_grid_container" }, new { title = ViewRes.Shared.Decline })

how can i make this allert more beutiful with only css?

Answer 1

User487807879 posted

You can't change it with pure css, but maybe some of this workarounds will give you ideas: http://www.jquery-az.com/javascript-confirm-alert-box-fancy-and-simple-with-5-online-demos/

Answer 2

User2053451246 posted

Another option would be to use the built in Modal/Dialog features that both Bootstrap and jQuery UI offer:

http://getbootstrap.com/docs/4.0/components/modal/

http://jqueryui.com/dialog/