![]() ![]() Triggers when the card is first loaded or when the reload() function is called.Ĭalled when the card is being validated. The new card will receive the select event, and the old card will receive the deselect event. Triggers when this card is selected as the active wizard card The callback assigned to this can itself be used as a validator if it returns a boolean. Triggers when the card is first loaded (when the card is selected but has never been selected before). ![]() Registering event on cards can be done with the jQuery on(event, callback) function on the wizardCard object. You have to add the following class to your wizard-card element. If you require to display an selection box overlayed over wizard, like is done within the demo for some of the selects. This will cause the error-popop to be correctly displayed when there is an validation error. The id of the adjacent span becomes btn-fqdn. MODAL APPLICATION WIZARD CODEThe card uses standard bootstrap v3.x code for an input with adjacent button. The id name of the span has to be btn-(ID OF INPUT).įor example within the following card setup. When creating an adjacent button to an input an additionial id has to be set on the adjacent of the button. To accomplish this the application wizard has smart detection for this. To correct this the error-popover has to be placed on the span of the adjacent button. ![]() The form is also accompanied by an IMAGE SECTION above with text overlay. First, they choose the date, second, then select the room, make a reservation is third and last comes confirmation. There are four steps to complete the reservation. This causes the error-popover to be misplaced. Instead of building your one, this free Bootstrap wizard will trick you. Validation Error Popup Input with adjacent buttonīootstrap has the possibility to have button adjacent to an input. In a card-level function, you are required to display any error popovers, using the wizard object’s errorPopover() method, as well as returning true or false to tell the wizard whether or not it should advance to the next step. $ ( function ( ) ) Ī card-level validation function is slightly different from an input-level validation function. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |