Hello!
We have been working with Blazor templates in XAF. We have had a few clients that want actions up near the two actions in the top right corner. This has been a bit challenging to get the action container in place and have it line up with the existing actions.
Our suggestion is to add a new action container in this area as part of the default template. Either create a new action container category or select existing categories such as Tools.
Cheers
-Dave
XAF Blazor UI v23.1 includes default Action Containers near the Account component in its application form template. These Action Containers can be a place for custom Actions with Category set to "QuickAccess" or "Notifications".
Example:
C#using DevExpress.ExpressApp;
using DevExpress.ExpressApp.Actions;
using DevExpress.Persistent.Base;
namespace DXApplication88.Module.Controllers;
public class TestTopRightActionContainerInBlazor : WindowController {
public TestTopRightActionContainerInBlazor() {
new SimpleAction(this, id: "My Action 1", category: "QuickAccess");
new SimpleAction(this, id: "My Action 2", category: PredefinedCategory.Notifications);
}
}
Result:
Learn more about action containers at: Action Containers | eXpressApp Framework | DevExpress Documentation
Thanks Dennis.
I've created a video demonstrating how to implement this custom template. It can be viewed here:
I've also attached the sample project with the custom template within.
Cheers!
+1 for default action container in header area.
Also, AccountComponent should also include actions from Security category by default.
Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.
Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.
Hello Dave,
Thank you for your feedback. Could you send us an image that illustrates the result you wanted to achieve eventually? If you already added the corresponding Action Container to your application, please clarify what steps were difficult to implement with markup, styles, etc.
Hi Dennis,
I'm not a web guy so it took me a bit to get this behaving the way I expected. This was the desired output:
We applied a nested toolbar in this case and it overlaps with the Account and Settings Components.
After some styling, we managed to get the desired effect.
<div class="nested-toolbar pb-3 w-100 overflow-hidden pr-2 pt-3"> @FrameTemplate.HeaderToolbar.GetComponentContent() </div>The reason I posted this suggestion is because I can see others wanting to add actions in the same area out of the box without having to do a custom template. I suggested the Tools category originally but I can see that Tools is already in the main toolbar. Menu or Appearance may be better categories to show there.
Let me know your thoughts on this.
Hello Dave,
Thank you for the clarification. This information will help us determine the priority and expected behavior of this feature.
Although we do not have immediate plans to implement it, we will take your suggestion into consideration in future release cycles or updates of the How To: Create a Custom Blazor Application Template article.
Can you please make this ticket public for other XAFers?