If your problem is solved I'm closing this question ?
Hi fernando,
If you want to customize all account module you can add with source code, which is you already did but in that way you are responsible for the module, all these component is belongs to account module. Also you can replace some component part of account module with ComponentReplacement
Hi Paul,
We find a way out for this problem but It's not that effective, that's why lookin' for better solution I already create an issue for this
Maybe an injection token is needed?
Hi Paul, No It's not about Injection Token we can already replace component there is something else , I'm still working on it, Also when you try with TopMenuLayoutModule It's works as expected. This issue will be resolved today
Hi pablo sorry for return late,
It looks like a bug inside of application-layout-component we created an issue for this It'll fixed at next version of lepton-x theme
Best regards
Hi Paul,
It looks like the application is loading default mobile navbar at the beging, when you open navbar-routes component it's replacing with your custom mobile component. I'm workin' on it I'll back to you for solution thanks for your understanding
As far as I know there is no any CLI command for remove whole module you need to remove module manually, my other teammates can help better on this topic
Hi Raja,
Can you check here
Hi richard,
You can also customize HttpErrorComponent via HTTP_ERROR_CONFIG injection token, you can check example on document
In your case you need to create a container for your error content and adding some style
Template
<div
id="abp-http-error-container"
class="error"
[style.backgroundColor]="backgroundColor"
>
<div class="row centered">
<div class="col-md-12">
<div class="error-template">
<h1>{{ statusText }} {{ title | abpLocalization }}</h1>
<div class="error-details">
{{ details | abpLocalization }}
</div>
<div class="error-actions">
<a
routerLink="/"
class="btn btn-primary btn-md mt-2"
><span class="glyphicon glyphicon-home"></span>
{{ { key: '::Menu:Home', defaultValue: 'Home' } | abpLocalization }}
</a>
</div>
</div>
</div>
</div>
</div>
Style
.error {
position: fixed;
top: 0;
width: 100vw;
height: 100vh;
z-index: 999999;
}
.centered {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
It'll cover all screen and center your error content