Firstly, I recommend checking logs to find any error there. Check both browser console and application logs.
Until now i guess i'd never had the necessity to run that command over clean directory, after recently updating the cli and the suite. So, please, where can a find a command sample to this invocation of install-libs?
Yes, you don't need to run any command normally, but there can be some temporary network problem or something like that. some of packages might be missing and couldn't be downloaded by package manager.
In case of a missing script, you can navigate to your project directory and open terminal in that directory and execute abp install-libs
in there.
By default you can't to that, you have to override original component in your project and you can customize it however you need.
You can replace MobileNavbar
component in your application and fill the HTML content according to your requirements.
Here the related component: https://docs.abp.io/en/commercial/latest/themes/lepton-x/blazor?UI=BlazorServer#mobile-navbar
Do you have any logs on the running process console or in the browser console?
Also, make sure there isn't any problem while installing client-side libraries. To make sure, you can try running abp install-libs
command once again in the blazor project folder.
What is the reason for the empty space to the right of the home button?
Hi, I can help on this question for Blazor;
You can define a selector for choosing menu items on the mobile bar by using MobileMenuSelector
in LeptonXThemeBlazorOptions
Configure<LeptonXThemeBlazorOptions>(options =>
{
options.MobileMenuSelector = items => items.Where(x => x.MenuItem.Name == "MyProjectName.Home" || x.MenuItem.Name == "MyProjectName.Dashboard");
});
Check out: https://docs.abp.io/en/commercial/latest/themes/lepton-x/blazor?UI=Blazor#leptonxthemeblazoroptions
@design-team will answer the rest of the padding problems
Hi,
It seems the problem occurs because two different elements exist with the same id in the page.
LeptonX uses different toolbar items for mobile and desktop. When you add your toolbar viewcomponent to StandardToolbars.Main
, then it'll go to both mobile and desktop.
Here is the cases:
You can use class instead id, it's not performant but it works.
$(".openMyNotificationList")...
<abp-button class="btn-primary openMyNotificationList">Open</abp-button>
You can use different toolbar items for mobile and desktop or you can add it only for desktop:
public virtual Task ConfigureToolbarAsync(IToolbarConfigurationContext context)
{
if (context.Toolbar.Name == LeptonXToolbars.Main)
{
// Toolbar for desktop
context.Toolbar.Items.Add(new ToolbarItem(typeof(NotificationViewComponent)));
}
if (context.Toolbar.Name == LeptonXToolbars.MainMobile)
{
// Toolbar for mobile
context.Toolbar.Items.Add(new ToolbarItem(typeof(NotificationMobileViewComponent)));
}
}
"Also, I'm curious if ABP can generate payment module UI for the Backend (Back office), specifically for Blazor Server so Tenants can upgrade or subscribe after the trial version, directly from their admin panel, or is its UI generation feature exclusive to Public MVC websites only?"
Yes, it's possible but payment module doesn't provide any of these features. Payment module provides only a payment abstraction and recurring payments(subscriptions) only for Stripe. And payment status is updating periodically when stripe callbacks with webhooks. All the logic should be implemented by yourself in your application. You can connect pricing table to a following payment operation with payment module. But ABP doesn't generate pages or UI generation for payment. The payment module has UI only for gateway selection when you redirect to user a payment, all the configured payment gateways will be presented and user can choose one of them. Rest of the operations are done in the payment provider page and result will be get from callbacks and webhooks
Hi, Currently there is no a complete project example with recurring payments but in the source code, there is an example how to start a recurring payment and cancel it.
Have you checked the source code of Payment with the following command?
abp get-source Volo.Payment
When you follow the steps from the documentation, it should work properly. https://docs.abp.io/en/commercial/latest/modules/payment#subscriptions
If you face errors while implementing it, you can share your errors and problems or error codes from Stripe, then we can start discussing and figuring out what can be the problem
Hello,
I understand your concerns, but we can't solve the entire problem ourselves. Even the most popular javascript libraries aren't compatible with CSP. I agree we have some unsupported scripts in the framework, too. And we'll try to make it compatible in time. But it's not enoguth to make it fully compatible. All the javascript dependencies should update themselves to be compatible with your style-src CSP case.
We'll work on our side, but for third party libraries; I suggest you to create issues on their own github repositories. It seems you're working on a Blazor project, I'll check if we can do something for Blazorise. But I can't say something clear about rest of the dependencies, Thanks for your understanding
It seems there is still problem with the side-bar menu. Can you check if there is JS error in your browser console?
Hi,
Payment module doesn't provide any payment plans page or a pricing page. You should implement it yourself according to your requirements.
You can take use LeptonX HTML demo pages and get plain HTML to implement in your own project: https://x.leptontheme.com/side-menu/custom-pages/pricing
You can use leptonx demo pages in your application without adding extra CSS files