forms icon indicating copy to clipboard operation
forms copied to clipboard

Published 20 hours ago • verified publisher icon nextcloud

Style problems in the footer

Open Pentaonia opened this issue 2 years ago • 10 comments

Please use the 👍 reaction to show that you are affected by the same issue. Please don't comment if you have no relevant information to add!

Describe the bug

  1. In the footer of the forms, we noticed some style problems as you can see in the screenshot. On the computer you can see that the slogan is slightly cut off. On the mobile phone half of the slogan in the footer is missing.
  2. There is a link to the nextcloud sing up site in the footer that is called "Holen Sie sich Ihr eigenes kostenloses Konto", how to remove that?

To Reproduce Steps to reproduce the behavior:

  1. Go to this example form of our nextcloud
  2. Scroll down
  3. On the computer: see the slight cut off or shrink the browser to mobile phone size and see that the slogan disappears nearly completely.

Expected behavior

  1. The footer should be displayed completely on phone and pc
  2. The "sing up" link should be removable or at least customizable.

Screenshots

Style problem on the computer Here the footer from the computer browser

Style problem on the mobile phone Here from the mobile phone browser

Nextcloud (please complete the following information):

  • Nextcloud-Version: 24.0.4
  • Forms-Version: 2.5.1

Desktop (please complete the following information):

  • OS: Windows/Android/iOS
  • Browser: Chrome/Safari

Smartphone (please complete the following information):

  • Device: Iphone/Motorrola
  • Browser: Chrome, Safari

Thanks for your help!

Best Loubert

Pentaonia avatar Sep 12 '22 08:09 Pentaonia

@jotoeri will this already be fixed by your latest commits?

Chartman123 avatar Sep 12 '22 09:09 Chartman123

Not sure. I only worked on the min-height. We might need to double-check and also where this comes from in this specific case.

jotoeri avatar Sep 13 '22 10:09 jotoeri

I can reproduce it on one of my productive clouds and also on master on my dev machine. The footer is overlapped by the content div:

image

The problem only appears when disclaimer and privacy links are set.

Chartman123 avatar Sep 13 '22 11:09 Chartman123

Did you also check the size of the footer and its content? Maybe its also a Server issue, having a too small footer.

jotoeri avatar Sep 13 '22 13:09 jotoeri

Yes, this might be it... When I change the height of the footer style from 65 px to 85 px (better 95 px), everything is displayed correctly. So we can't do anything about it here and it has to be fixed in the server repo?

Chartman123 avatar Sep 13 '22 16:09 Chartman123

Turning off the "Holen Sie sich ihr eigenes kostenloses Konto" is pretty easy: https://help.nextcloud.com/t/remove-link-get-your-own-free-account/41131

However, there is still a style problem when having both the legal notice and privacy policy link.

fabolhak avatar Dec 02 '22 23:12 fabolhak

This problem still persists. The submit button can not be touched on IOS devices with Safari. Forms are not usable for me, as most of the IOS/Safari users do not know how to use Chrome instead.

ssssss

hobigo avatar Feb 05 '23 17:02 hobigo

Do we really need this footer?.....neither microsoft forms nor google forms have such a footer. Would improve Nextcloud Forms really if we can use it without a footer.

stefan-franz avatar Jul 06 '23 08:07 stefan-franz

@stefan-franz This is part of the public page view of Nextcloud and as far as I know can't be removed within an app. Please correct me if I'm wrong :)

Chartman123 avatar Jul 06 '23 08:07 Chartman123

I've received the same problem with the hidden send button behind the footer on Safari. We noticed that the button appears again after closing the Nextcloud app banner on the top.

grafik

Art4 avatar Jan 18 '24 15:01 Art4