cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
Helper III
Helper III

Style Additional Button Web Form

Hey, I was trying to style an additional button here, 

byansakura_0-1600390423417.png

 

and I would like to have the button under the "Educational Information" Instead of on top of it. I've tried to place it under the form, but the button showed up in line with Previous and Next. Is it possible to have it under the Educational Information but on top of with previous and next? Thank You!

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Solution Supplier
Solution Supplier

Re: Style Additional Button Web Form

Hi @byansakura,

First, go to the Advanced options of your button configuration and add a class to your 'Top Container', including 'hidden', like so:

justinburch_0-1600405233480.png

 

Then add the following Custom JavaScript to the Form Options tab:

 

$(function () {
    $(".edu-btns").appendTo(".entity-form").removeClass("hidden");
});

 

Now your custom buttons will be hidden until they're moved and then become visible.

View solution in original post

2 REPLIES 2
Highlighted
Solution Supplier
Solution Supplier

Re: Style Additional Button Web Form

Hi @byansakura,

First, go to the Advanced options of your button configuration and add a class to your 'Top Container', including 'hidden', like so:

justinburch_0-1600405233480.png

 

Then add the following Custom JavaScript to the Form Options tab:

 

$(function () {
    $(".edu-btns").appendTo(".entity-form").removeClass("hidden");
});

 

Now your custom buttons will be hidden until they're moved and then become visible.

View solution in original post

Highlighted
Helper III
Helper III

Re: Style Additional Button Web Form

Hey @justinburch , it works! Thank you so much!

Helpful resources

Announcements
Community Conference

Power Platform Community Conference

Check out the on demand sessions that are available now!

Power Platform ISV Studio

Power Platform ISV Studio

ISV Studio is designed to become the go-to Power Platform destination for ISV’s to monitor & manage published applications.

secondImage

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021

Tech Marathon

Maratón de Soluciones de Negocio Microsoft

Una semana de contenido con +100 sesiones educativas, consultorios, +10 workshops Premium, Hackaton, EXPO, Networking Hall y mucho más!

Users online (5,899)