SharePoint Theme Generator Tool webpage won't scroll (can't get to all options)

Yasmeen 211 Reputation points
2022-11-16T20:10:30.707+00:00

Hi there,

I'm trying to use the Theme Generator Tool but the webpage won't scroll down: https://fluentuipr.z22.web.core.windows.net/heads/master/theming-designer/index.html

The only way I can see all the contents of the webpage is to zoom out.

I've now tested the webpage url on a PC laptop with Chrome/Firefox + MacBook Air with Chrome/Safari + Android with Chrome + iPhone with Chrome and the webpage is not dynamic and won't scroll.

Is there a way to fix this webpage (I can't see the webmaster contact details on the page) or perhaps a workaround?

To see all the contents on the webpage I have to zoom out by 50% and I can't read the selections. I'm getting a headache from all the squinting.

Thanks!
Yasmeen

261113-screenshot-2022-11-11-161558.png

261039-screenshot-2022-11-11-161758.png

SharePoint Server
SharePoint Server
A family of Microsoft on-premises document management and storage systems.
2,223 questions
SharePoint
SharePoint
A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.
9,662 questions
SharePoint Development
SharePoint Development
SharePoint: A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.Development: The process of researching, productizing, and refining new or existing technologies.
2,674 questions
Accepted answer
  1. Yanli Jiang - MSFT 21,611 Reputation points Microsoft Vendor
    2022-11-17T10:02:17.357+00:00

    Hi @Yasmeen-5884 ,
    Sorry to bring you a bad experience.
    I have a workaround for your reference:
    Press F12 to Open DevTools, and perform operations as shown in the figure in the Elements section.
    261421-11172.png
    Then the scroll bar will appear on the page:
    261422-11173.png

    Note: This method has a disadvantage, that is, when the page is refreshed, the modification will be reset and needs to be modified again.
    *
    If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

1 additional answer

Sort by: Most helpful
Most helpful Newest Oldest
  1. Yasmeen 211 Reputation points
    2022-11-21T21:09:28.92+00:00

    @Yanli Jiang - MSFT

    Hi, thanks for the follow-up. I was away for a few days. I just tried your instructions and it worked! Though on a PC w/Chrome their Developer tools are too dense and I couldn't find the line item. But it was easy to locate in Firefox Dev.

    In Firefox I ended up going with 300vh to get a complete scroll to the bottom of the page without zooming out.

    Thank you so much! My work project was at a standstill for several days b/c I couldn't move ahead with a custom theme and artwork.

    Yasmeen

    0 comments