Base solution for your next web application

Activities of "shridhar.mole"

Hi, As I said this issue we can see while impersonating the user from host to any tenant or while coming back to host login, So if you want to check the issue directly on our app then we need to share host user login with you and that we can't share with you.

Could you please suggest any other way to check this?

Hi @ismcagdas Please check below network tab logs for css files, generated while impersonating login.

Hi, The only change you had made in "angular\src\assets\abp-web-resources\abp.sweet-alert.js" under "abp.message.confirm" was

return Swal.fire(options).then(function (result) {
            return (callback && callback(result.value)); // this line you changed only right?
        });

right? I tried that and not solved my issue, same behaviour I seen.

No, using abp.message.confirm we can't solve this issue. Please try to do same thing in your demo application and let me know the result.(If you are able to change the title of default message box or not)

Hi @ismcagdas , Yes I tried that, this is same method we are using with messageService.Confirm.

we can able to modify title of the confirm messageBox with your solution, but this works like asynchronous. before receiving the response of confirm method , execution of method "canDeactivate" is completes.

Could you please try to implement the same functionality in your demo project so that you can get my issue . Sorry If I am not able to explain my issue with you in good words, but I think you should try to implement the same scenario at your end in demo application and let me know the result.

Please let me know if you have any doubts in ticket description.

Hi @musa.demir My only issue is I am not able to change the title of confirm message box, I already put in the description of ticket , functionality is working fine. I only want to use messageService.confirm method to show the wanring message so that I can able to modify title of the confirm message box. Please let me know if you not understand my issue.

It happens when I click on button to export my dhtmlx diagram to pdf. Can you please tell me how can we add external libraries and css files into our project and in which files we need to configure that. like in index.html or angular.json. Please tell me this in brief.

Hi @ismcagdas, I am getting the same issue on my machine , but not on my colleague machine for same project. My node and gulp versions are below,

F:\GrowthPlan\GrowthPlan_ANZ8.9\GrowthPlan_ANZ8.9\angular>node -v v14.15.4

F:\GrowthPlan\GrowthPlan_ANZ8.9\GrowthPlan_ANZ8.9\angular>gulp -v CLI version: 2.3.0 Local version: 4.0.2

and in my package.json : "@angular-devkit/build-angular": "^0.901.12"

could you please help me with proper steps, what should I need to do.

I already tried this approach, but not worked. We can use angular material in AspNet Zero right? Can you suggest me any way to resolve this issue. Thanks in advance.

Below is my whole HTML page :

<div [@routerTransition]>
    <div class="kt-content  kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor">

        <div class="kt-subheader kt-grid__item">
            <div [class]="containerClass">
                <div class="kt-subheader__main">
                    <h3 class="kt-subheader__title">
                        <span>{{"FinancialStatements" | localize}}</span>
                    </h3>
                    <span class="kt-subheader__separator kt-subheader__separator--v"></span>
                    <span class="kt-subheader__desc">
                        {{"FinancialStatementsHeaderInfo" | localize}}
                    </span>
                </div>
            </div>
        </div>

        <div [class]="containerClass + ' kt-grid__item kt-grid__item--fluid'">
            <div class="kt-portlet">
                <div class="kt-portlet__body" [busyIf]="loading">
                    <div class="kt-form">
                        <form>
                            <div class="form-body">

                                <div class="row mb-4">
                                    <div class="col-xl-4" style="display: flex;align-self: center;">
                                        <label for="StatementTypeDropdown"
                                            style="align-self: center;font-weight: 600;">{{'FinancialStatements' | localize}}</label>
                                        <select id="StatementType" name="StatementType"
                                            style="display: flex;width: inherit;margin-left: 9.25px;width: 200px;"
                                            class="form-control">
                                            <option value="">{{"IncomeStatement" | localize}}</option>
                                            <option value="false">{{"P&LStatement" | localize}}</option>
                                            <option value="true">{{"BudgetStatement" | localize}}</option>
                                        </select>
                                    </div>
                                    <!-- <div class="col-xl-2" style="align-self: center;">
                                        <label class="kt-checkbox">
                                            <input class="form-control" type="checkbox" name="showStatistics"
                                                value="true" />{{"ShowStatistics" | localize}}
                                            <span></span>
                                        </label>
                                    </div> -->
                                    <div class="col-xl-4" style="display: flex;align-self: center;">
                                        <label for="TimePeriodDropdown"
                                            style="align-self: center;">{{'TimePeriod' | localize}}</label>
                                        <select id="TimePeriod" name="TimePeriod" (change)='onTimePeriodChange($event)'
                                            style="display: flex;width: inherit;margin-left: 9.25px;width: 150px;"
                                            class="form-control">
                                            <option value="Yearly">{{"Annual" | localize}}</option>
                                            <option value="Quarterly">{{"Quarterly" | localize}}</option>
                                            <option value="Monthly">{{"Monthly" | localize}}</option>
                                        </select>
                                        <button type="button" class="btn btn-brand1 btn-icon btn-filter"
                                            (click)="openChangeSettingsModal()" style="margin-left: 30px;"><i
                                                class="fa fa-cog" style="color: black;width: 3rem"></i></button>
                                    </div>
                                    <div class="col-xl-4" style="text-align: right;">
                                        <button type="button" class="btn btn-brand1 btn-icon btn-filter"><i
                                                class="flaticon-refresh" (click)="refresh()"
                                                style="color: black;"></i></button>
                                        <button type="button" class="btn btn-brand1 btn-icon btn-filter"><i
                                                class="fa fa-print" style="color: black;"></i></button>
                                        <!-- <button type="button" class="btn btn-brand1 btn-icon btn-filter"><i
                                                class="fa fa-cog" style="color: black;"></i></button> -->
                                        <button type="button" class="btn btn-brand1 btn-icon btn-filter"><i
                                                class="flaticon-download" style="color: black;"></i></button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- <div class="row align-items-center">
                        <dx-tree-list id="testDatas" [dataSource]="testDatas" itemsExpr="items" dataStructure="tree"
                            [showRowLines]="true" [showBorders]="true" [columnAutoWidth]="true"
                            (onRowPrepared)="onRowUpdated($event)" (onRowExpanding)="onRowExpanding1($event)"
                            (onRowCollapsing)="onRowCollapsing1($event)">
                            <dxi-column dataField="Full_Name" caption="Category" cellTemplate="testTemplate">
                            </dxi-column>
                            <dxi-column dataField="Amount" caption="Jan 2020"></dxi-column>
                            <div *dxTemplate="let options of 'testTemplate'">
                                <span *ngIf="options.data.visible"
                                    style="color: blue;">{{options.data.Full_Name}}</span>
                                <span *ngIf="!options.data.visible">{{options.data.Full_Name}}</span>
                            </div>
                        </dx-tree-list>
                    </div> -->

                    <div class="row align-items-center" *ngIf="excelData">
                        <dx-tree-list id="excelData" class="excelData" [dataSource]="excelData.Children"
                            itemsExpr="Children" dataStructure="tree" [showRowLines]="true" [showBorders]="true"
                            [allowColumnResizing]="true" [columnMinWidth]="100" [columnAutoWidth]="true"
                            (onRowPrepared)="onRowUpdated($event)" (onCellPrepared)="onCellPrepared($event)"
                            (onRowExpanding)="onRowExpanding($event)" (onRowCollapsing)="onRowCollapsing($event)"
                            [customizeColumns]="customizeColumns">
                            <dxo-sorting mode="none">
                            </dxo-sorting>
                            <dxi-column dataField="Name" caption="reportName" [width]="400">
                            </dxi-column>
                            <dxi-column dataField="GLCode" caption="GLCode">
                            </dxi-column>
                        </dx-tree-list>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<reportSettingsModal #reportSettingsModal></reportSettingsModal>

help me now to show the spinner on this Div which has class=kt-portlet__body, above code shows spinner but it covers the whole page like sidemenu bar,header etc

Showing 11 to 20 of 22 entries