Default.dothtml

@viewModel Web.ViewModels.DefaultViewModel, Web
@masterPage Views/Site.dotmaster

<dot:Content ContentPlaceHolderID="Body">
    <div DataContext="{value: Wizard}">
        <div class="container mt-3" IncludeInPage="{value: NavigationVisible}">
            <div class="row">
                <div class="col-md-2">
                    <bs:Button ButtonTagName="button" Click="{command:  OnPreviousClick()}" Enabled="{value: PreviousButtonEnabled}" IncludeInPage="{value: PreviousButtonVisible}" Type="Light">
                        Previous Button
                    </bs:Button>
                </div>
                <div class="col-md-8">
                    Step {{value: Step}} out of {{value: Total}}.
                    <bs:ProgressBar Color="Info" VisualStyle="AnimatedStriped" Value="{value: Percentage}" />
                    {{value: Percentage.ToString("#.##")}}% Complete
                </div>
                <div class="col-md-2">
                    <bs:Button ButtonTagName="button" Click="{command: OnNextClick()}" Enabled="{value: NextButtonEnabled}" IncludeInPage="{value: NextButtonVisible}" IsSubmitButton="true" Type="Primary">
                        Next Button
                    </bs:Button>
                </div>
            </div>
        </div>
        <div class="container mt-3">
            <div class="row">
                <div class="offset-md-2 col-md-8">
                    <h4 class="lead">{{value: Title}}</h4>
                </div>
            </div>
        </div>
    </div>
</dot:Content>