Cloudron makes it easy to run web apps like WordPress, Nextcloud, GitLab on your server. Find out more or install now.


Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Bookmarks
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Brand Logo

Cloudron Forum

Apps | Demo | Docs | Install
  1. Cloudron Forum
  2. Radicale
  3. Customizing the login page for Radicale

Customizing the login page for Radicale

Scheduled Pinned Locked Moved Radicale
6 Posts 3 Posters 796 Views 3 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • d19dotcaD Offline
    d19dotcaD Offline
    d19dotca
    wrote on last edited by
    #1

    Does anyone happen to know if it's possible to customize the login page for Radicale? Namely I just want to change the "login" text at the top to the service name. I tried searching briefly today but couldn't find anything for themes or title configuration or anything like that.

    --
    Dustin Dauncey
    www.d19.ca

    1 Reply Last reply
    0
    • robiR Offline
      robiR Offline
      robi
      wrote on last edited by
      #2

      See where the assets it's loading are coming from? /app/data or /app/code ?

      Conscious tech

      d19dotcaD 1 Reply Last reply
      0
      • robiR robi

        See where the assets it's loading are coming from? /app/data or /app/code ?

        d19dotcaD Offline
        d19dotcaD Offline
        d19dotca
        wrote on last edited by
        #3

        @robi I'm not 100% certain how to determine where it's loaded from. I'm fairly sure it's the /app/code though because the only data I see in the /app/data section is for collections > usernames > collections > indexes and caches, etc. Nothing that represents the homepage configuration, and no configuration files that I can find.

        So I'm thinking it's not exposed, unfortunately.

        When I look at the page source, here's the top part down to the Login text area:

        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <script src="fn.js"></script>
        <title>Radicale Web Interface</title>
        <link href="css/main.css" media="screen" rel="stylesheet">
        <link href="css/icon.png" type="image/png" rel="shortcut icon">
        <style>
            .hidden {display:none;}
        </style>
        
        <nav>
            <ul>
                <li id="logoutview" class="hidden"><a href="" data-name="link">Logout [<span data-name="user" style="word-wrap:break-word;"></span>]</a></li>
            </ul>
        </nav>
        
        <section id="loadingscene">
            <h1>Loading</h1>
            <p>Please wait...</p>
            <noscript>JavaScript is required</noscript>
        </section>
        
        <section id="loginscene" class="hidden">
            <h1>Login</h1>
            <form data-name="form">
                <input data-name="user" type="text" placeholder="Username"><br>
                <input data-name="password" type="password" placeholder="Password"><br>
                <span style="color: #A40000;" data-name="error"></span><br>
                <button type="submit">Next</button>
            </form>
        </section>
        

        I'd like to replace <title>Radicale Web Interface</title> with something else, along with <h1>Login</h1>.

        I have simple needs. lol 😛

        --
        Dustin Dauncey
        www.d19.ca

        robiR 1 Reply Last reply
        1
        • d19dotcaD d19dotca

          @robi I'm not 100% certain how to determine where it's loaded from. I'm fairly sure it's the /app/code though because the only data I see in the /app/data section is for collections > usernames > collections > indexes and caches, etc. Nothing that represents the homepage configuration, and no configuration files that I can find.

          So I'm thinking it's not exposed, unfortunately.

          When I look at the page source, here's the top part down to the Login text area:

          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <script src="fn.js"></script>
          <title>Radicale Web Interface</title>
          <link href="css/main.css" media="screen" rel="stylesheet">
          <link href="css/icon.png" type="image/png" rel="shortcut icon">
          <style>
              .hidden {display:none;}
          </style>
          
          <nav>
              <ul>
                  <li id="logoutview" class="hidden"><a href="" data-name="link">Logout [<span data-name="user" style="word-wrap:break-word;"></span>]</a></li>
              </ul>
          </nav>
          
          <section id="loadingscene">
              <h1>Loading</h1>
              <p>Please wait...</p>
              <noscript>JavaScript is required</noscript>
          </section>
          
          <section id="loginscene" class="hidden">
              <h1>Login</h1>
              <form data-name="form">
                  <input data-name="user" type="text" placeholder="Username"><br>
                  <input data-name="password" type="password" placeholder="Password"><br>
                  <span style="color: #A40000;" data-name="error"></span><br>
                  <button type="submit">Next</button>
              </form>
          </section>
          

          I'd like to replace <title>Radicale Web Interface</title> with something else, along with <h1>Login</h1>.

          I have simple needs. lol 😛

          robiR Offline
          robiR Offline
          robi
          wrote on last edited by
          #4

          @d19dotca great, that sounds like a packaging fix, and until then you can restart the app in repair mode, make the desired changes and restart the app.

          Your changes will only persist until the next update, so save them accordingly so you can re-apply easily.

          Until then, @staff can put it on their todo list 🙂

          Conscious tech

          1 Reply Last reply
          2
          • nebulonN Offline
            nebulonN Offline
            nebulon
            Staff
            wrote on last edited by
            #5

            If the app does not support themeing or customization here, then we would likely not support it through the package either. The main reason is, that any update, which might change the logic here might break your installation and we have no chance to test this, since we don't know which files were overwritten.

            I think for a start it would make sense to add configuring page title and such at the upstream project. Maybe there are already solid solutions thought out by the developers.

            d19dotcaD 1 Reply Last reply
            3
            • nebulonN nebulon

              If the app does not support themeing or customization here, then we would likely not support it through the package either. The main reason is, that any update, which might change the logic here might break your installation and we have no chance to test this, since we don't know which files were overwritten.

              I think for a start it would make sense to add configuring page title and such at the upstream project. Maybe there are already solid solutions thought out by the developers.

              d19dotcaD Offline
              d19dotcaD Offline
              d19dotca
              wrote on last edited by d19dotca
              #6

              @nebulon Okay, that's fair. Yeah I tried in the Radicale docs but couldn't find anything really related to theming or any configurations for overriding the page title and stuff for the web UI. Seems strange, but I guess it's mostly used by admins rather than regular users so I guess it's not a biggie. Just been on a bit of a branding project slowly over the last while and Radicale seemed like it should be an easy one, but didn't turn out that way. haha. I'll dig a little more and file a report upstream for the feature if it truly doesn't exist yet. Thanks for the guidance. 🙂

              PS - If it's not actually a feature though (doesn't seem like it so far), then this is another reason we should have more than one CalDAV/CardDAV server option 😉 If I get time over the next few weeks, maybe I"ll try to package one of them up as a sort of first package attempt.

              --
              Dustin Dauncey
              www.d19.ca

              1 Reply Last reply
              1
              Reply
              • Reply as topic
              Log in to reply
              • Oldest to Newest
              • Newest to Oldest
              • Most Votes


              • Login

              • Don't have an account? Register

              • Login or register to search.
              • First post
                Last post
              0
              • Categories
              • Recent
              • Tags
              • Popular
              • Bookmarks
              • Search