Topic: horizontal stepper content

euclidwebteam pro asked 5 years ago


Hi there, Do you have examples for entering step content into the horizontal stepper? I tried something like this (using the vertical stepper as an example), but it didn't render correctly:
<div class="row">
   <div class="col-md-12">
      <ul class="stepper stepper-horizontal">
         <li class="completed">
            <a href="#!">
               <span class="circle">1</span>
               <span class="label">Profile</span>
            </a> 
            <div class="step-content grey lighten-3">
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse cupiditate voluptate facere iusto quaerat
               vitae excepturi, accusantium ut aliquam repellat atque nesciunt nostrum similique. Inventore nostrumut, nobis porro sapiente.</p>
            </div>
         </li>
        
         <li class="active">
            <a href="#!">
               <span class="circle">2</span>
               <span class="label">Contact Info</span>
            </a>
         </li>
      </ul>
   </div>
</div>
 

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags