Jump to content

Assignment Wizard display vertically in a single frame (no tabs)


Graham Quince

Recommended Posts

I've had a couple of schools who have expressed a preference for the assignment wizard to list all the sections one after the other, instead of in tabs.

This is possible by adding the following CSS to an HTML widget on the staff dashboard:

<style>
    .frogui_components_wizard, .enforce-order {
        display: none !important;
    }
    .frogui_modules_assignment_wizard_panels_details,
    .frogui_modules_assignment_wizard_panels_activities,
    .frogui_modules_assignment_wizard_panels_resources,
    .frogui_modules_assignment_wizard_panels_assessment {
        position: relative !important;
        border-bottom: 5px solid #CCCCCC !important;
        left: 0px !important;
        min-height: 550px !important;
        height: auto !important;
    }
    .frogui_modules_assignment_wizard_panels .wrapper {
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    .frogui_assignment_wizard .modal-footer .btn-primary,
    .frogui_assignment_wizard .modal-footer .btn-default {
        display: none !important;
    }
</style>

After hiding the tab buttons, the CSS forces each section to have a minimum height and stack under each other.  They can still expand as you add more activities and resources.

VerticalAssignmentWizard.gif

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...