Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Neil 40 posts 205 karma points
    Feb 27, 2024 @ 09:56
    Neil
    1

    Customise Backoffice login screen

    Does anyone know if it's possible to use a custom template for the backoffice login screen, specifically on version 13?

    I know you can add CSS/change the image with the instructions here: https://docs.umbraco.com/umbraco-cms/fundamentals/backoffice/login

    But what I'm looking to do is change the DOM.

    The only real need I have is to modify the <title> tag in the header, as Umbraco HQ decided to remove the URL from it (presumably for asthetics) and I'd like to put it back.

    Edit: This is looking less and less likely, as the code also seems to deliberatly rip out any CSS that isn't the explicitly documented variables. Meaning if you need to tweak anything else, your code is removed. Not sure why they've decided to go so user-hostile with this?

    I've opened a discussion on the Github project, in the hopes of getting an official answer from UmbracoHQ - https://github.com/umbraco/Umbraco-CMS/discussions/15779

  • Yaco Zaragoza 88 posts 362 karma points
    Jun 28, 2024 @ 13:52
    Yaco Zaragoza
    0

    You can use in your appsettings.json file to change the images

    "Umbraco": {
     "CMS": {
      "Content": {
       "LoginBackgroundImage": "/img/my-brand-photo.jpg",
       "LoginLogoImage": "/img/my-logo.svg",
       "LoginLogoImageAlternative": "/img/my-logo-small.svg"
      },
     }
    }
    
  • Meni 276 posts 533 karma points
    1 week ago
    Meni
    0

    what about the logout page? I want to change the picture also for the logout page.

    I tried to do "LogoutBackgroundImage": "/img/my-brand-photo.jpg",

    under "LoginBackgroundImage": "/img/my-brand-photo.jpg",

    but doesn't work

  • Afreed 49 posts 235 karma points
    1 week ago
    Afreed
    0

    Hi Meni,

    Could you please share what you mean by logout page?

  • Ben 10 posts 120 karma points
    1 week ago
    Ben
    0

    I think he's talking about the time-out page. Instead of the login form, there's only a button and it'll window.open the login form in a pop-up window.

    Customizing LoginBackgroundImage in the appsettings.json file doesn't seem to affect this page, you'll still see the photo of Jason Wodicak.

    I haven't figured this out myself quite yet, and no hard feelings toward Jason, but it'd be nice if both pages displayed the same image.

  • Meni 276 posts 533 karma points
    1 week ago
    Meni
    0

    when sign out from the back office.

    my-website.com/umbraco/logout

    in the logout page it shows the built in picture

    I was only able to customize to the login page - my-website.com/umbraco

  • Afreed 49 posts 235 karma points
    1 week ago
    Afreed
    0

    Hi Ben,

    isn't that on v14+?

  • Meni 276 posts 533 karma points
    1 week ago
    Meni
    0

    on V15

  • Afreed 49 posts 235 karma points
    1 week ago
    Afreed
    0

    Hi Meni,

    Looks like they have update the documentation. You can update the image on the time out screen through a custom CSS variable.

    :root {
        --umb-login-image: url(../myImagesFolder/myTimeout.jpg);
    }
    

    Login Documentation I haven't tried it myself.

Please Sign in or register to post replies

Write your reply to:

Draft