web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

Welcome to the Power Platform Communities
News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Pages / Multi step form layout...
Power Pages
Suggested Answer

Multi step form layout breaks when adding to Custom Javascript block

(1) ShareShare
ReportReport
Posted on by eugenevanstaden1 2
Multi step form with a progress indicator set to load on the side, when normal it generates correctly




When adding javascript, or even a comment in the Custom Javascript block in Form Option of the Form Step, the layout breaks. The <div class="row"> gets replaced with a <span>.






 
Categories:
Design & build
I have the same question (0)
  • Jady Profile Picture
    Jady 147 on at
    What a strange behavior by Power Pages.

    Does the <span> also appear if your progress indicator is at the top, and not on the left? 
     
    I am often dumbfounded by the odd way Power Pages utilizes basic Bootstrap row and column classes. It often works against the simplicity of Bootstrap and compensates by inserting multiple custom style attributes. 
     
    Perhaps this is a bug, and you could raise a support ticket?  
  • Suggested answer
    eugenevanstaden Profile Picture
    eugenevanstaden 441 on at
    @Jady - Definitely a bug. Must be from a recent update.
     
    Also not sure why Community Powerplatform recreated my account!.

    I've not tested progress indicator top or left but ive fixed it in JavaScript. 
    $('#WebFormControl_8be181cba154f011bec200224894336a span:first').addClass('row');

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Welcome to the Power Platform Communities

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the April Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Pages

#1
11manish Profile Picture

11manish 56

#2
Valantis Profile Picture

Valantis 46

#3
rezarizvii Profile Picture

rezarizvii 25

Last 30 days Overall leaderboard

Featured topics

Solution to LinkedIn Authentication in Power Apps Portals
Welcome to the Power Pages forum!

Product updates

Microsoft Power Platform Community release plans