OpenRemote White Label Login Page Custom Deployment Help

kpin404 · June 14, 2023, 2:08pm

@Don @Rich @martin.peeters please assist us on this that how to fix this and we hope you guys would come out with a solution to fix this for us. Thanks.

apurba · June 15, 2023, 4:20am

Hi,
try this

Thanks

kpin404 · June 15, 2023, 4:44am

Hello @apurba, we have done this and no doubt it works. But when you login and page load pay attention to browser window it still display Openremote Demo title with its logo for less than a second before loading the Custom Project title. Please check and let me know did you notice it? Thanks.

apurba · June 15, 2023, 5:00am

yes, I notice that there is a glitch.

kpin404 · June 15, 2023, 5:05am

Right! actually, thats it what we are discussing about to fix this glitch.

martin.peeters · June 15, 2023, 7:40am

Hi!

That small glitch of having an “OpenRemote demo” title on the manager,
I believe has to do with the fetching process of the realm styling / manager config.
As in, that title is default for the Manager, which gets replaced to your own title when loading the page.
It shouldn’t be displayed for too long, especially with a decent internet connection.

Can’t say I’m 100% sure it’s causing this, probably @Rich can clarify better
on what’s going on and how to avoid this. Or maybe how to replace the default title.

kpin404 · July 24, 2023, 12:38pm

Hello @martin.peeters, @Rich, I am still looking for any solution from you to fix this glitch issue. Can you please clarify better on what’s going on and how to avoid this? Or maybe how to replace the default title please? Thanks.

martin.peeters · July 24, 2023, 12:48pm

The page gets loaded before the manager_config gets fetched,
causing a ‘default title’ during the fetching process.

If you’re building a custom app, you can solve this easily by customizing the index.html file manually.
This is where the default ‘OpenRemote demo’ title is specified

For the manager app I don’t think there’s a fix possible sadly,
since it requires JavaScript fetching to apply customization options.

kpin404 · July 24, 2023, 2:01pm

Hello @martin.peeters, thanks for keep assisting on this issue. You are right that

Next, could you please assist me further about building a custom app process or link to workout on custom app deployment process? Thanks.

martin.peeters · July 24, 2023, 2:35pm

The GitHub wiki can assist in that.
Creating a custom project is the easiest way to customize OpenRemote,
such as creating custom apps or extending / overriding existing logic.

An example of a custom app is given in the custom project repo itself
So many of us use that as a boilerplate / starting point.

See here:

.
I can imagine the setup could be a bit overwhelming, especially for a small issue like this…
But yeah at some point the customization options aren’t enough for what you want haha
It will help at least with gaining lots of flexibility

kpin404 · July 24, 2023, 4:17pm

Hello @martin.peeters, okay! thank you once again for your valuable support. I completely understand and bear with you.

Well…! the 100% open source, especially for a small issue like this, which can’t be modified or fixed by any means at customization level still keeps OpenRemote a bit at 99.9% from its 100% open source

kpin404 · July 25, 2023, 2:25pm

Hello @martin.peeters, I am a bit confused between your mentioned custom app and manager app. Could you please clear what is the difference please? Which one I am using actually, as I can customize it to full white label?

Here is my working folder tree structure:

Thanks.

martin.peeters · July 25, 2023, 2:37pm

I don’t wanna go much in details since this thread is getting pretty long, but here you go

See it like this:

The manager app is created by us, and availabe at “http://<address>/manager/”
You can add your own apps on top of this, hosted on for example “http://<address>/custom/”.
Add as many as you like, they will act the same with their custom URL.

All the commands to run the web server are the same, but ran in “/ui/app/<name>” instead.

.
Why I mentioned it is because you can reuse pages from the manager app
How this works? Check the index.ts file of your custom app.

This is the one the manager uses:

export const DefaultPagesConfig: PageProvider<any>[] = [
    pageMapProvider(store),
    pageAssetsProvider(store),
    ...
];

You can duplicate the original files, paste them into your custom app folder,
and edit them to your liking

Of course you can also create your own custom pages, and add those there as well.
Endless possibilities basically haha

kpin404 · July 25, 2023, 4:13pm

martin.peeters:

How this works? Check the index.ts file of your custom app.

This is the one the manager uses:
export const DefaultPagesConfig: PageProvider<any>[] = [
    pageMapProvider(store),
    pageAssetsProvider(store),
    ...
];

Hello @martin.peeters, thanks for keep trying to clearing the concept, but sorry to say it again I am still confused

Actually, i didn’t get any such file named index.ts in any of the folders even in app folder, which all are created and working under deployment folder. Could you please review my mentioned folder structure for my custom openremote setup?

Sorry, but there is no such file path with my openremote setup . Please review the folder tree structure. where this /ui/app/<name> came from? Please clear

Thanks for always keep supporting.

martin.peeters · July 27, 2023, 8:54am

If that’s all to the folder structure, then you don’t have a complete “custom project”-project as we call it.

It might be a bit confusing if you’re not fimiliar. But when we talk about a “custom project”-project, we mean the “custom project”-setup from the repository we provide on GitHub. Not necessairly someone who is making a custom project in general.

Since it is getting off-track…

Let’s continue this “Custom Project” / custom deployment post you made: