{% extends "workflow/viewport-element.html" %} {% load staticfiles %} {% load bootstrap4 %} {% block content %} <p>resource selection template</p> <style> .db_pane_wrapper{ display: grid; grid-template-columns: 49% 2% 49%; } .divider{ border-style: solid; height: 100vh; } .hidden_form{ display: none; } </style> <div class="db_pane_wrapper"> <div class="pane_one"> <p>Select Resource</p> </div> <div class="divider"> </div> <div class="pane_two"> <button>Create New Resource</button> </div> </div> <div class="hidden_form" id="form_div"> <form method="post" action="" class="form" id="resource_selection_form"> {% csrf_token %} {% bootstrap_field form.resourcebundle %} {% buttons %} <button type="submit" class="btn btn btn-success"> Confirm Edit </button> {% endbuttons %} </form> </div> {% endblock content %}