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

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Pages / how to fix css of the ...
Power Pages
Answered

how to fix css of the sign in page

(0) ShareShare
ReportReport
Posted on by 48

only in the sign-in  page, this problem is coming rest page is working perfectly fine

once I login into the portal all CSS and bootstrap is working fine

how to fix sign page of the portal have attached the sign page and after login page 

 

Screenshot (222).png
Screenshot (223).png
Categories:
I have the same question (1)
  • OOlashyn Profile Picture
    3,496 Most Valuable Professional on at

    Hi @ishant28 ,

     

    Did you modify bootstrap.min.css file? Did you apply any web access control rules to your main page or any pages with your css files? It looks like file just doesn't loads. Can you also open Console when you load the page and check errors?

  • Christian Leverenz Profile Picture
    1,214 on at

    Hi @ishant28 

    i usually encounter that kind of problems when the browser cached the css file. So, changing the css means to delete an attachment and upoloading a new one. 

    usually, i resolve this by disabling the browsercache and/or ctrl-f5 to reload the page and deleting the serverside cache on /_services/about while beeing logged in as an admin in the portal.

    I looked at your site. I think, the first page can not be shown without login due to an access control rule. So the css from the rootpage can also not be loaded...

    This is a funny situation.

    Either, you let everybody see the homepage with no menues and redirect all users to login via client javescript. This should solve the problem.

    Or you create a new path which is publicitly visisble and attach the css there. (and manually reference the css in the template...)

     

    So, i would go for a public visible rootpage which redirects the user directly to login 🙂

     

    Just my opinion.

    so, something like (sorry, < characters  are kicked out for a good reason...): (not tested)

    {% unless user %}
    &ltscript language="javascript">
    window.location.href="https://hotelnet-service.powerappsportals.com/it-IT/SignIn?ReturnUrl=%2Fit-IT%2F"
    &lt /script>
    {% endunless %}

    on your home template (or even the header template to have it in every page 🙂 )

    Have fun,

      Christian

    PS for the liquid doku see here: https://docs.microsoft.com/en-us/powerapps/maker/portals/liquid/control-flow-tags#unless

    PPS where does the tag come from?? did i write @is somewhere??

  • unbeatable Profile Picture
    48 on at

    Screenshot (225).png

    I am unable to find its source could you tell me how I can find

  • Christian Leverenz Profile Picture
    1,214 on at

    Hi @ishant28 ,

    you should see it, when you switch to the network tab. There you will find the 302 while loading the bootstrap css meaning even to redirect your bootstrap.min.css request to a login page.

    Regards,

      Christian

  • unbeatable Profile Picture
    48 on at

    @OOlashyn thanks for the suggestion it fixes CSS problem but I have to hide from others (unwanted user) so how can I hide the content from others please suggest

  • Verified answer
    OOlashyn Profile Picture
    3,496 Most Valuable Professional on at

    Hi @ishant28 ,

     

    There two ways how you can do it:

     

    First approach: you can remove web page access control rule and update web template of your home page using liquid to hide unwanted part and show the only link to sign in page, something like this:

    {% if user %}
    {% comment%} Show content for authorized users {%endcomment%}
    {% else %}
    <p><a href="/SignIn">Sign in</a> to access this website content</p>
    {% endif %}

    Also in this approach will be great to restrict access to subsections of the portal to make sure that your portal is secure.

     

    The second approach is a bit easier. In the web page access control rules, you can update the Scope field to Exclude direct child web files (see attached). This will block users to access the page but will allow access to web files. Just make sure that you don't store any valuable files in direct child web files of the page.

     

     

    Restrict read.png
  • unbeatable Profile Picture
    48 on at

    @OOlashyn  if I restrict again as you suggested then CSS problem will come or not ?

  • Verified answer
    OOlashyn Profile Picture
    3,496 Most Valuable Professional on at

    Hi @ishant28 ,

     

    Sorry for the long reply. Both approaches will solve the CSS issue.

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

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!

Leaderboard > Power Pages

#1
DP_Prabh Profile Picture

DP_Prabh 41

#2
oliver.rodrigues Profile Picture

oliver.rodrigues 35 Most Valuable Professional

#3
rezarizvii Profile Picture

rezarizvii 28

Last 30 days Overall leaderboard