Question

How do I hide the Previous button on the first page in Forms?

Forms

Updated January 10, 2024

asked on January 24, 2019

In forms, I have decided to use pagination. The group I am creating it for has requested that I remove the previous button on the first page and the next button on the last page. I have have tried a few different things in Javascript, but so far have had no luck. Could some please help me figure out what I need to do to accomplish this?

Thanks

0 0

Answer

SELECTED ANSWER

replied on January 24, 2019

First, find the ID of the first page in your form (typically q0) then use the following CSS with #q0 replaced with the ID from your form's first page.

#q0 .cf-prev-btn {
  visibility:hidden;
}

3 0

replied on January 10, 2024

Hi Jason, have you done with the Layout Designer?

0 0

replied on January 10, 2024

NVMD, Figured it out.

.prev-btn[disabled] {display:none!important;}
.next-btn[disabled] {display:none!important;}

1 0

replied on January 10, 2024

Hi Steve,

I have not. To be honest, the new layout designer is really nice, and I've experimented with it here and there, but the JavaScript changes have proven too restrictive for what I typically do, so it's been quite a while since I built any new processes in Forms and I'm not as well-versed in the modern designer.

0 0

Replies

replied on January 24, 2019

This worked great. Thanks

0 0

replied on March 10, 2023

I wasn't able to get the #q0 suggestion to work, but I was able to hide any disabled button. The upside is that it affects Next on the last page, which was my primary goal when I found this thread.

button:disabled,
button[disabled]{
  visibility:hidden;
}

0 0

You are not allowed to follow up in this post.

Question

Question

How do I hide the Previous button on the first page in Forms?

Answer

Replies

Sign in to reply to this post.