Customizing the login page for Radicale

[d19dotca]

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.

[robi]

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

[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

[robi]

@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

[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.

[d19dotca]

@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.