http://localhost:4200/#/embed/dashboard/dash-1756749907168

src/app/app.routes.ts

@@ -10,6 +10,8 @@ import { AuthGuard } from './shared/services/auth.guard';
 import { LoginComponent } from './authentication/login/login.component';
 import { CoverComponent } from './components/authentication/reset-password/cover/cover.component';
 import { HomeComponent } from './portal-manage/home/home.component';
+import { FramelessLayoutComponent } from './shared/layouts/frameless-layout.component';
+import { DashboardViewerComponent } from './portal-manage/dashboard-viewer/dashboard-viewer.component';
 
 export const App_Route: Route[] = [
   { path: '', redirectTo: 'auth/login', pathMatch: 'full' },
@@ -29,6 +31,16 @@ export const App_Route: Route[] = [
     canActivate: [AuthGuard], // Assuming you want to protect these routes
     loadChildren: () => import('./portal-manage/portal-manage.routes').then(r => r.portalManageRoutes)
   },
+  {
+    path: 'embed',
+    component: FramelessLayoutComponent,
+    children: [
+      {
+        path: 'dashboard/:dashboardId',
+        component: DashboardViewerComponent
+      }
+    ]
+  },
   { 
     path: 'home', 
     component: HomeComponent 

src/app/shared/layouts/frameless-layout.component.ts

+import { Component } from '@angular/core';
+import { RouterModule } from '@angular/router';
+
+@Component({
+  selector: 'app-frameless-layout',
+  standalone: true,
+  imports: [RouterModule],
+  template: `<router-outlet></router-outlet>`
+})
+export class FramelessLayoutComponent {}