Activities of "WilliamT"

Hi,

Thank you. I got it working as i want it now.

however, i think there is a styling issue when i enabled chat feature.

Regards,

There are few things I wanted to add:

1. Footer at the bottom
2. After it got rendered, it is wrapped with div with class “m-5 card mb-3” and I want to remove that.

You can use pure html code instead of abp's taghelper in the page

the <div> i mentioned above was built in from using the empty layout from the abp.

would be great if i can get the code for the empty layout cshtml as well so i can customise it as i still need some built in code such as the lpx-wrapper, or css & js imports, etc.

hi

Is there a way to add a custom page content layout hook for a specific page?

This feature works on layout pages, for specific pages you should replace it with a custom page.

Sorry can you clarify it further? im using this

Layout = ThemeManager.CurrentTheme.GetEmptyLayout();

then how do i add LayoutHook.PageContent.First because whatever i put in my cshtml will be under @RenderPage() right?

Hi,

Sorry I am not allowed to create a sample project. But I copied the page I am working now but removed the sensitive information.

There are few things I wanted to add:

1. Footer at the bottom
2. After it got rendered, it is wrapped with div with class “m-5 card mb-3” and I want to remove that.

Hope you can help.

Thanks

@page
@using Volo.Abp.AspNetCore.Mvc.UI.Theming;
@using Microsoft.AspNetCore.Mvc.Localization
@using test.Localization
@inject IThemeManager ThemeManager
@inject IHtmlLocalizer L
@model test.Web.Pages.IndexModel
@{
Layout = ThemeManager.CurrentTheme.GetEmptyLayout();
}
@section scripts
{

<br>
<br>
}
@await Component.InvokeAsync(typeof(Components.Toolbar.UserMenu.UserMenuViewComponent))
<div>
	<div class="text-center">
		<abp-card>
			<abp-card-body>
				<h1>test</h1>
			</abp-card-body>
		</abp-card>
	</div>
</div>

<div class="">
	<div class="">
		<abp-card>
			<abp-card-body>
				<abp-row class="mb-3">
					<abp-column size-md="_12">
						<form id="SearchForm" action="/search" autocomplete="off">
							<div id="search-container" class="input-group container">
								<div class="form-control px-0 bg-white">
									<input class="border-0 bg-white form-control page-search-filter-text" id="FilterText" name="query" placeholder="@L["Search"]" />
								</div>
								<abp-button button-type="Primary" type="submit">Search</abp-button>
							</div>
						</form>
					</abp-column>
				</abp-row>
			</abp-card-body>
		</abp-card>
	</div>
</div>

<abp-modal-footer></abp-modal-footer>
<footer class="text-center row">
	@Html.Partial("~/Themes/LeptonX/Layouts/Application/_Footer.cshtml")
</footer>

I also notice this Add PageContent layout hook. https://github.com/abpframework/abp/pull/4573/files

Is there a way to add a custom page content layout hook for a specific page? I believe that can help solve my problem.

Regards,

email sent

Hi also,

Im using

@{Layout = ThemeManager.CurrentTheme.GetEmptyLayout();} in one of my cshtml. but it is wrapped with a card with class="m-5"

how do i remove that.

Hi,

Would it be possible to receive a sample code from you instead? Apologies been very busy with work.

Regards,

Hi,

Do I send the sample via email?

Regards,

Hi,

Sorry I don't understand. I just use the code that you sent then on the page that I want to implement the component i used.

@await Component.InvokeAsync(typeof(Components.UserMenu.UserMenuViewComponent))

Hi,

Thank you.

However, I am missing the Js functionality especially when i click on the icon, the menu does not show. Can you help me?

Thanks,