Questions tagged [angular-ui]
AngularUI is the enhancement companion suite to the AngularJS framework. It contains UI widgets and directives that are not part of the AngularJS core but are commonly needed in a project.
2,764
questions
0
votes
1
answer
22
views
Cdk DragDrop for Polygon Boundry
I'm trying to build a custom boundry shape for the cdk Drag Drop directive
I tried to set the boundry as a polygon, I've put a sample code in the stackblitz for quick understanding on the problem, ie ...
0
votes
0
answers
22
views
Enable MatDatepicker input box border visibility when input box is disabled
I want to enable input box visibility. When I am disabling the mat input box the border is not visible.
My Code: -
From Date
Invaild Date
I have tried giving inline styles ...
1
vote
2
answers
367
views
Is possible to change size of button from component
I have component where in .html file is only "<" button "></" button ">"
I would like to use it in other component but I have to resize it without change of ...
1
vote
0
answers
718
views
How to customize a new google signin button in angular?
Using of updated plugin for angular 13, 14 @abacritt/angularx-social-login
how do i customized this google sign in button to local css.
'asl-google-signin-button type='standard' size='large' shape='...
2
votes
2
answers
227
views
show 1 data instead of all ngFor - Angular 11
Im trying to display total counts of enrollment with item.male_students & item.female_students
UPDATE
remove the ngFor now it works as expected.
here's my component.html
<thead class="...
0
votes
1
answer
1k
views
I have created an angular directive for styling a table. But table loses the styles defined in the directive when pagination is clicked
I have created the following custom directive in Angular:
@Directive({
selector: '[tableTheme]'
})
export class TableThemeDirective implements OnInit, AfterViewInit {
tableElement: ...
0
votes
1
answer
3k
views
Display selected value from drop down list in Angular 13
Here's my code:
<tbody *ngFor="let user of users">
<td>{{user.name}}:</td>
<td>
<ng-select [items]="userList" bindValue="id" ...
1
vote
2
answers
2k
views
preserveContent now added to mat-tabs?
Does anyone have a working example of this? I was originally implementing a solution similar to this answer here, but then saw that this feature was finally merged!
Does anyone have a working example ...
0
votes
0
answers
48
views
Strange behavior of Angular UI grid scrolling with Chromium version 96
I have upgraded chromium version (Edge Chromium/Chrome) to 96 from 87. I used Angular UI grid to display the data. When I try to scroll, it keeps comes to top and not letting me scroll down. This ...
1
vote
1
answer
423
views
Fixed igx column
Hi I have a igx grid in which one of the columns is filled out with delete-buttons.
I want to make this column fixed as shown here:
Can I exclude the column with the delete-buttons from pinning/...
0
votes
1
answer
978
views
Igx grid cell with button inside
I am working on an Angular project with Ignite UI. I have a igx grid and "edit"-buttons in each cell from the igx grid.
When I edit one of these cells and press the Enter key then the ...
0
votes
1
answer
394
views
Close modal dialog programmatically from $http promise
I'm using Bootstrap UI in conjunction with AngularJS to show a modal dialog, while a $http request is processing. Think of it as a wait dialog. I'd like to keep the code as a simple four-liner that I ...
1
vote
1
answer
2k
views
Add holiday or custom data into angular material date picker
I have date wise amount which based on user search in flight sectors and save into cache so I can get from cache amount date wise when user open date picker I want to show price in date wise in open ...
5
votes
2
answers
5k
views
How to check if mat-sidenav is open or close in angular?
I'm trying to change the icon of mat-icon depending on close or open mat-sidenav but unable to find if sidenav is open or close below is my code
<mat-sidenav appResponsiveMenu mode="side" ...
0
votes
1
answer
1k
views
input field not updating dynamically in angular 11 reactive form
I am working on an angular project and want to update my reactive form field dynamically and data is coming from the API named getNextCode(). I call API service in
ngOnInit(): void {
this....
0
votes
1
answer
72
views
How to add function to this button
The button will only accept "$dismiss()". But I need it to accept any other function.
var modalInstance = $uibModal.open({
animation: this.animationsEnabled,
...
0
votes
1
answer
32
views
Angular.js (angular-ui) : "resolve" not returning anything in the child component
While trying to get data from the "resolve" object. I cannot get anything from what is found in the parent component.
Structure
partner-component
partner-list-component
Result
Parent ...
0
votes
1
answer
444
views
how to set group label ordering angularjs ui-select group-by
I am using ui-select-choices group-by to group the list in UI select, grouping is working fine but the problem I am facing is the group labels are not in alphabetical order, below is a code snippet
...
0
votes
1
answer
177
views
Displaying sql data in multilevel(Hierarchical) angular Grid
I am totally new to Angular and there is a requirement wherein we need to display the data in an Angular Grid which is multilevel/Heirarchical.
The data is coming from the SQL Database. It is ...
0
votes
0
answers
189
views
Cannot resize inline Angular-UI Bootstrap Date-Picker
I'm using Angular-UI's latest Datepicker control, inline, and I can't figure out how to make it bigger so it takes up the entire page (or its container).
Has anyone attempted/achieved this desired ...
0
votes
1
answer
333
views
How to get old and new values of dropdown in Angular 10
I'm very new to angular and still in basic phase.
I'm trying to get both old and new values when a dropdown is selected but not sure how to do it.
I was able to get new value but not the old one.
Need ...
1
vote
2
answers
2k
views
how to display custom message if data from pipe filter is empty in Angular8
I have a component
<div *ngIf="(StatementData$ | async) as stmtData; else stillLoading">
<div *ngFor="let p of plans">
<h3>{{p.planShortName}}</h3>
...
1
vote
0
answers
258
views
how to pass dynamic data from parent to child ng-content in Angular 8
I have a component flyout . It's a simple component that you wrap around any content/components that you wish to fly out from the side of the web page. We use it for the file upload. The component ...
2
votes
1
answer
16k
views
Date validator in Angular 8 to compare two dates
What is the best way to do this in Angular 8
i have two inputs that are dates fromDateMin and fromDateMAx
i need to compare these two against formControlName='fromctrlname' and formControlName='...
0
votes
2
answers
504
views
Why float: right/ pull-right dont work in the below code?
<div class="col-xs-12" style="padding:0px">
<div class="col-xs-6 pull-left">
<div class="col-xs-12"><strong>Cooking Details</...
1
vote
0
answers
814
views
Angular Material - mat-grid-list : Setting a mat-grid-tile height based on the tiles contents
Trying to create a mat-grid-list which contains tiles having dynamic content of different lengths. But, when trying to set the height dynamically using the rowspan attribute the contents are not ...
2
votes
1
answer
671
views
Angular 9 : List user details on GUI
I want to list users registered on a page using angular.
API response:
{
"message": "User list is fetched successfully",
"result": [
{
"firstName": "xcvbn",
"lastName": "fvbnm",
...
0
votes
0
answers
195
views
Secure Credentials in Angular Application hosted in Pivotal Cloud Foundry
I have an angular 6 application running on the Pivotal Cloud Foundry (PCF) server. I am searching for he solution to secure the credentials (single sign-on secret key of siteminder etc) in server and ...
2
votes
0
answers
495
views
ScrollIntoView doesn't work properly on Microsoft Edge
I was trying to use the scrollIntoView() with smoothscroll.polyfill() but I've tried a couple of times to use this functionality on Microsoft Edge and the text goes on top of screen, but on Mozilla ...
0
votes
1
answer
134
views
Build dynamic fields in Angular 8
I have an array that looks like this ( this is data from api that will keep changing.. this is just sample)
planDivList = [
{ planCode: "A", divisions: [] },
{ planCode: "B", divisions: [] },
...
3
votes
1
answer
1k
views
Angular - how to display text / String / Date type based on the mat select drop down
Based on Mat-select selected value (text/Number/Date) text field type and relevant element have to be shown. Here is my code but in this code, I am showing all.
For example
If user selecting drop ...
0
votes
2
answers
1k
views
How to assign values in an Angular form without an input element or hiding the UI element?
I am working on this template-driven form, where I have a dropdown.
The dropdown has an ID as value and Name as the display value.
When I submit the form, I need both the values ID and Name to be in ...
0
votes
1
answer
208
views
AngularJS UI-Bootstrap Modal Dialog gets covered by main.html
How can I use bootstrap modal dialogs with AngularJS using ui-bootstrap with angular-ui-router? I am new to AngularJS and tried searching the documentation without luck.
I have used this code but the ...
0
votes
1
answer
498
views
How to get recursive Tree view working AngularJs
Working on this AngularJs(1.4) code snippet and need help to get recursive tree view to work as desired.
It currently has 4 levels, and what is needed is:
When I open a folder, it should close all ...
0
votes
0
answers
3k
views
Create File explorer in Angular dynamically with springboot backend(SFTP,get folderstructure and pass to angular)
I used this link - https://stackblitz.com/edit/angular-file-explorer
My issue is they hardcoded the Folder structure where the root Folders are created with constant but my Folder structure is ...
1
vote
1
answer
468
views
angular-ui-layout - resize doesn't work properly with an iframe
As you can see in the example, resizing doesn't work properly when using an iframe. You can move the splitter to the left, but not to the right. Does anybody know why this is and how it could be fixed?...
0
votes
1
answer
187
views
Secure input angular ui mask
<input type="text" ui-mask="**** **** ****" ui-mask-placeholder-char="space" ng-model="user.aadhaar">
as user types in characters should turn into star how do we achieve this using angular-ui-...
0
votes
2
answers
2k
views
How to trigger page refresh to update value change in sibling components in UI
I am facing issue when one sibling component changes value to be displayed in another sibling component. The value is being changed in script end, whereas the UI is not getting reflected of the change....
2
votes
0
answers
310
views
How to control / prevent the <Select> dropdown from setting the new option in angular-ui /angularjs?
I am using angular ui and have a drop down like this:
<select id="vehicleSelectDropdown"
name="vehicles"
type="text"
class="form-control"
ng-options="vehicle.name ...
0
votes
1
answer
488
views
Angular 4 Kendo Column Graph show value by default and show Y axis name at bottom
Here I've 2 issues.
1) I want to show value by default on top of the column bar.
2) Data is having Negative and Positive values. I need to show names at bottom of the Chart. But names is displaying ...
8
votes
3
answers
29k
views
Angular Material 7 Multi Select - Set selected value
I'm trying to set the selected value for multi select drop-down as below
//loop to make a multiple check boxes as selected & setting based on condition
document.getElementsByTagName('mat-pseudo-...
0
votes
1
answer
537
views
Want to change the arrow from large size to small size
I am using angular2-multiselect and by default arrow size is large I want to decrease the size of the dropdown arrow.
<angular2-multiselect
class="form-control"
[data]="dropdownList1"
[(...
0
votes
1
answer
224
views
"TypeError: i18nService.getSafeText is not a function" when rendering data for grid using angular-ui-grid
I have imported the ui-grid module in my app's module import file:
import 'angular-ui-grid/ui-grid.core';
Added in the same file this imported module:
const app = angular
.module('app', [
...
0
votes
1
answer
602
views
Using resolve to wait for RESTful results in angularjs $modal
I'm working on some legacy code that uses angularjs 1.x for a web frontend. I need to create a modal dialog that will make a RESTful call to the backend when the modal is opened and wait for the data ...
1
vote
1
answer
277
views
how to copy tag text under ui-select
I need the user to be able to select (using mouse or keyboard) a selected tag value and be able to copy the text somehow. In the following sample plunker, I need the user to be able to copy text "blue"...
0
votes
0
answers
50
views
AngularUI modal not showing
When i click on the button that should open the modal window, the page just blurs like it's going to open but nothing shows. I was thinking if there are problems with the versions i'm loading. I'm ...
0
votes
3
answers
572
views
How to bind active tab to last element of an array from scope
I'm trying to set uib-tabset active to my last element of an array. However, when I'm doing it uib-tabset is going crazy, it deletes it's own tabs. I don't want to own a scope field for active uib-...
0
votes
1
answer
486
views
Ui-select : Search box not shown to search when data is an empty array
I have a ui-select that uses refresh to fetch data from server whenever a user inserts a char in input box (search box).
the issue is that the input box is not available when data is an empty array, ...
0
votes
0
answers
125
views
ui-selct onchange loading options from the server (upgraded from select2)
I've recently upgraded from select2 to ui-select. I will show below how it was working using select2.
Context : I have a data of clients that needs to be filtered using ui-select.
Since the data ...
7
votes
2
answers
4k
views
how to convert to an editable select box?
i have an angular 5 project with bootstrap. in one of my component html i have a select box. when i click on it a list of drop down items are displayed and i can choose one . however i want the user ...