Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- Button trigger modal -->
- <button type="button" class="btn btn-dark" data-toggle="modal" data-target="#exampleModal">
- New Wish
- </button>
- <!-- Modal -->
- <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
- <div class="modal-header">
- <h5 class="modal-title" id="exampleModalLabel">Nieuw Wish item</h5>
- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
- <span aria-hidden="true">×</span>
- </button>
- </div>
- <div class="modal-body">
- <form>
- <div class="form-group">
- <label for="exampleFormControlInput1">Naam</label>
- <input type="text" class="form-control" placeholder="Naam">
- </div>
- <div class="form-group">
- <label for="exampleFormControlTextarea1">Beschrijving</label>
- <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
- </div>
- <div class="form-group">
- <label for="exampleFormControlSelect1">Collective</label>
- <select class="form-control" id="exampleFormControlSelect1">
- <option>Wish 1</option>
- <option>Wish 2</option>
- <option>Wish 3</option>
- <option>Wish 4</option>
- <option>Wish 5</option>
- </select>
- </div>
- <div class="form-group">
- <label for="exampleFormControlInput1">Datum</label>
- <input type="date" class="form-control" placeholder="Datum">
- </div>
- </form>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-secondary" data-dismiss="modal">Sluit</button>
- <button type="button" class="btn btn-success">Opslaan</button>
- </div>
- </div>
- </div>
- </div>
- <!-- Button trigger modal -->
- <button type="button" class="btn btn-dark" data-toggle="modal" data-target="#exampleModal">
- New Collective
- </button>
- <!-- Modal -->
- <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
- <div class="modal-header">
- <h5 class="modal-title" id="exampleModalLabel">Nieuw Collective item</h5>
- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
- <span aria-hidden="true">×</span>
- </button>
- </div>
- <div class="modal-body">
- <form>
- <div class="form-group">
- <label for="exampleFormControlInput1">Titel</label>
- <input type="text" class="form-control" placeholder="Titel">
- </div>
- <div class="form-group">
- <label for="exampleFormControlTextarea1">Beschrijving</label>
- <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
- </div>
- <div class="form-group">
- <label for="exampleFormControlSelect1">Wishes</label>
- <select class="form-control" id="exampleFormControlSelect1">
- <option>Collective 1</option>
- <option>Collective 2</option>
- <option>Collective 3</option>
- <option>Collective 4</option>
- <option>Collective 5</option>
- </select>
- </div>
- <label for="exampleFormControlSelect1">Afbeelding</label>
- <div class="custom-file">
- <input type="file" class="custom-file-input" id="validatedCustomFile" required>
- <label class="custom-file-label" for="validatedCustomFile">Afbeelding</label>
- <div class="invalid-feedback">Example invalid custom file feedback</div>
- </div>
- <div class="form-group">
- <label for="exampleFormControlInput1">Datum</label>
- <input type="date" class="form-control" placeholder="Datum">
- </div>
- </form>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-secondary" data-dismiss="modal">Sluit</button>
- <button type="button" class="btn btn-success">Opslaan</button>
- </div>
- </div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement