Need help generating custom HTML view URL similar to "#About"

[dabasystem]

Hi everyone,

I'm looking to generate a URL that loads a view similar to the "#About" page where I can incorporate my own HTML content. Can anyone provide guidance on how to achieve this? I've attempted to replicate the About.js file but haven't been successful so far. I would greatly appreciate any advice or suggestions on this matter.

Thank you in advance for your assistance!

[yuri]

1. Create custom/Espo/Custom/Resources/metadata/clientDefs/MyPage.json

{
    "controller": "custom:controllers/my-page"
}

2. Create custom/Espo/Custom/Resources/metadata/app/clientRoutes.json

{
    "MyPage": {
        "params": {
            "controller": "MyPage"
        }
    }
}
​

3. Create client/custom/src/controllers/my-page.js

define(['controller'], Controller => {

    return class extends Controller {

        actionIndex() {
            this.main('custom:views/my-page');
        }
    }
});
​

4. Create client/custom/src/views/my-page.js

define(['view'], View => {

    return class extends View {

        templateContent = `
            <div>Test</div>
        `

        setup() {}
        
        afterRender() {}
    }
});
​

Clear cache.

[dabasystem]

I have followed it step by step, but when I clear the cache and rebuild, I get a 404 error. Do you mean this URL?

https://myespo/#MyPage

Is there something else I might be missing?

[yuri]

Something wrong in views/my-page.js. Maybe misspelled "templateContent". If you attach it here, it'll be able to say.

[dabasystem]

It may be because we are using version 7.0.10. Is it possible to perform it in this version?

[yuri]

> Is it possible to perform it in this version?

Yes. It's the reason. You can define the template in a separate file. It will work in v7.0. See our docs.