Hi,
In MVC / Razor, how can I add a button to the page toolbar (on a custom page) such that it displays on the top right? I've recently upgraded to 2.6 and I see that functionality has been added to add content / buttons to the toolbars for pages within the various modules. However, I need to add buttons to the toolbars in custom pages. Is it possible to access the toolbar directly on the pages, similar to the breadcrumb via PageLayout.Content?
Probably missing something straightforward.
Appreciate any help.
Thanks
Ian
4 Answer(s)
-
0
Hi @ididsbury,
Do you mean to add a toolbar to a custom page?
If you use a layout page, the toolbar will be displayed on your page, You only need to add toolbar contributors according to the documentation.
If you are not using a layout page, you can add a toolbar conponent to page , like this.
If you want a new toolbar, you can add your own toolbar component, like this, The important thing is
StandardToolbars.Main
, you need to replace it with your own toolbar constant. -
0
Hi,
I want to achieve something like this Page Toolbar but, say, on the home page in the startup tenplate.
The theme seems to adds a top row to each page. This row includes the title and breadcrumb on the left and the toolbar area / div on the right. I can't seem to work out how to add a button to the toolbar.
-
0
Note that I've tried to add a button to the home page as per the above link however it doesn't add the button. A button is correctly added though for pre-built pages i.e. User page.
If a Page 'content' toolbar does not exist (even through there is space reserved), can you confirm how to remove the top row / component from the AbpPage in the theme such that i can add my own.
Thanks
-
0
Hi,
I figured it out. Added below for reference.
There is a named RenderSection in the theme Application layout called 'content_toolbar'. To add a button to this section then add the following on any page:
@section content_toolbar{ <abp-button button-type="Primary"> Click Me</abp-button> }