Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

douglas_quaid's avatar

Embedding Spark Register Form inside Bootstrap Jumbotron

Does anyone know how I would take the Register Form that comes with SPARK and embed into a Bootstrap Jumbotron?

@extends('spark::layouts.app')

@section('content')
<div class="container-fluid" style="padding-right: 0px; padding-left: 0px;">
    <div class="jumbotron jumbotron-fluid">
        <div class="row">
            <div class="col-sm-6">
                <img src="#" class="img-responsive" style="zoom: 35%;">
                <p>some text here</p>
            </div>
            <div class="col-sm-6">
                @include('spark::auth.register-common-form')
            </div>
        </div>
    </div>
</div>
@endsection

Right now, I'm getting a handful of errors when trying to include the spark auth register-common-form? Any advice here?

0 likes
4 replies
douglas_quaid's avatar

@DaveBagler So, no errors, I just can't figure out how to get the sign up form in there. I figured out how to get the log in form, but just manually copying spark form code. Which is super annoying. Any other ideas on how to do this?

<div class="col-sm-8">
                    <!-- Common Register Form Contents -->
                    <div class="container">
                        <div class="row">
                            <div class="col-md-10 col-md-offset-1">
                                <div class="panel panel-default">
                                    <div class="panel-heading">Login</div>

                                    <div class="panel-body">
                                        @include('spark::shared.errors')

                                        <form class="form-horizontal" role="form" method="POST" action="/login">
                                            {{ csrf_field() }}

                                            <!-- E-Mail Address -->
                                            <div class="form-group">
                                                <label class="col-md-4 control-label">E-Mail Address</label>

                                                <div class="col-md-6">
                                                    <input type="email" class="form-control" name="email" value="{{ old('email') }}" autofocus>
                                                </div>
                                            </div>

                                            <!-- Password -->
                                            <div class="form-group">
                                                <label class="col-md-4 control-label">Password</label>

                                                <div class="col-md-6">
                                                    <input type="password" class="form-control" name="password">
                                                </div>
                                            </div>

                                            <!-- Remember Me -->
                                            <div class="form-group">
                                                <div class="col-md-6 col-md-offset-4">
                                                    <div class="checkbox">
                                                        <label>
                                                            <input type="checkbox" name="remember"> Remember Me
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>

                                            <!-- Login Button -->
                                            <div class="form-group">
                                                <div class="col-md-8 col-md-offset-4">
                                                    <button type="submit" class="btn btn-primary">
                                                        <i class="fa m-r-xs fa-sign-in"></i>Login
                                                    </button>

                                                    <a class="btn btn-link" href="{{ url('/password/reset') }}">Forgot Your Password?</a>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

Please or to participate in this conversation.