Description

Open https://www.infragistics.com/products/ignite-ui-angular, scrollbars appear on certain resolutions:

Description

Toggle demo 3 does not have a route and cannot be accessed.

Description

Badge won't use position property any more and position has to be set via CSS.

Result

Till now position input was used to set the badge position.

Expected result

Position input should be removed and CSS added to position the badge.

Description

Several angular samples styling issues.

Steps to reproduce

1. Go to https://staging.infragistics.local/products/ignite-ui-angular/angular/components/buttongroup.html

2. Click on the "format align left" button.

3. Click on "London" button.

4. Go to https://staging.infragistics.local/products/ignite-ui-angular/angular/components/button.html

5. Inspect the "Disabled" button.

6. Go to the bottom of the page to last demo.

7. Inspect the two icon buttons.

Result

2. and 3:
The background of the selected button is not visible

5. The background is not set. The font is not set.

7. The icon buttons are positioned vertically:

Expected result

2. and 3.
The background of the selected button should be visible.
Note: when Vertical selection is used only the bottom border of the selected is visible, which is different from horizontal selection when both left and right borders are visible.

**5.**The background should be set. The font should be set.

7. The icon buttons should be positioned horizontally:

Article guidance - https://github.com/IgniteUI/igniteui-docfx/blob/master/.github/CONTRIBUTING.md

Description

Create new data service that is generating random user.
Consider using of Azure or Amazon.
Currently we are using randoumuser.me api, and we need to consider our own data service provider```

    public getData(): Promise<any> {
        return new Promise((resolve, reject) => {
            this.http.get("https://randomuser.me/api/?inc=gender,name,picture&results=" + 200)
                .subscribe((data: IServiceResponse) => {
                    resolve(data.results);
                });
        });
    }

Description

When I first go to https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid.html, the grid shows with many columns, such that Track Progress is only partially shown and country flag is outside the shown grid. No scrollbar exists to see those columns. (Chrome)

When I resize the browser, the grid reorganizes such that some of the columns (Athlete Number, Beats per minute, Top Speed) don't render, and now Track Progress and Country show.

Steps to reproduce

1. go to https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid.html
2. or else refresh/hard refresh the page

Result

Expected result

When I resize the Chrome window, here's what I show:

Description

Grid is inconvenient when no rows are displayed after filtering (e.g. Ends with 'a' filter)

Steps to reproduce

1. Open https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid.html
2. Filter Athlete name with Ends Width condition and value 'a'

Result

Description

The images in the topic doesn't correspond to the actual samples

Steps to reproduce

1. Open https://staging.infragistics.local/products/ignite-ui-angular/angular/components/dialog.html
2. Click "Trigger alert" button

Result

The image doesn't correspond to the actual sample

Expected result

The image should correspond to the actual sample

Description

Start using of SCSS for all component samples in angular-samples repo.
Verify that the stackblitz configuration is working as well.

Provide a feature all of the samples to be able to be consumed as files in order to be used by third-party software for live editing.

Description

Rework Snackbar samples according to
https://github.com/IgniteUI/igniteui-docfx/blob/master/.github/CONTRIBUTING.md

Description

IgxNavBar sample is not playable in StackBlitz

Steps to reproduce

1. Open https://stackblitz.com/edit/angular-g37jxr
2. Open console

Result

Error in the console and the sample won't start.

Expected result

No critical errors in the console and sample should work.

Attachments

Description

Grid demo is misaligned when using Firefox browser

Steps to reproduce

Open https://www.infragistics.com/products/ignite-ui-angular

Add stackBlitz button to label-Input demo

Description

The carousel arrows in the samples are white and are not visible because the background is white too.

Steps to reproduce

1. Open any of the carousel samples.

Result

Arrows are not visible.

Expected result

Arrows should be visible.

Attachments

Description

IgxGrid sample does not work in IE 11.

Steps to reproduce

1. Run the application
2. Open http://localhost:4200/grid in IE 11.

Result

The grid sample appears broken. If you open the console you'll see "ERROR TypeError: Object doesn't support property or method 'includes'".

Expected result

The sample should work and no critical console errors should be displayed.

Attachments

Description

A number of the controls get 'stuck' in a loading state upon visiting the documentation:
https://www.infragistics.com/products/ignite-ui-angular/angular/components/circular_progress.html
https://www.infragistics.com/products/ignite-ui-angular/angular/components/dialog.html
https://www.infragistics.com/products/ignite-ui-angular/angular/components/slider.html

May be more, didn't test exhaustively.

Steps to reproduce

1. Go to URL
2. ...
3. profit

Result

Control starts to load, then the loading circle freezes.

Expected result

Control loads and displays.

Attachments

Description

We would like for the scroll of the grid to be removed and for the paging to be add again.

A new sample of the Grid will be created which will include virtualization on a later stage.

• Add paging

Description

Please add date picker samples.

Description

Calendar sample is cut off because of max-height container constrain

Steps to reproduce

Open the sample:
https://staging.infragistics.local/products/ignite-ui-angular/angular/components/calendar.html

Result

Lest create user Stories for the Ignite UI for Angular Demos and implement them.

The design team will create the Stories and present them in the end of Sprint 2

Description

Create new Carousel demos that are used in the technical articles for demos.

Description

New sample of the igxGrid need to be created. It needs to include the Virtualization and to be more data oriented then the awesome Grid.

A mock up and Spec need to be created.

Description

Cannot access .json files from assets

Steps to reproduce

1. Open some of the .json files located in /assets/samples/

Result

File not found.

Expected result

You should be able to access the files.

Currently the samples.config.js has hard-coded types. Instead we should have a samples.config.ts with compile-time check.

Description

The radio buttons in the checkbox demo article are aligned opposite from the rest of the inputs in the form.

Steps to reproduce

1. Open https://www.infragistics.com/products/ignite-ui-angular/angular/components/checkbox.html
2. Go to "Label and Input components"
3. Notice the gender radio buttons

Result

Everything in the form is left aligned, except for the radio buttons.

Expected result

The radio buttons should also be left aligned.

Attachments

Description

IgxTabBar is not playable in StackBlitz

Steps to reproduce

1. Open https://stackblitz.com/edit/angular-8ja4gw

Result

The samples does not work.

Expected result

The sample should work.

Attachments

Description

We had an issue with failing npm run build. We should be able to catch it on the PR.

Description

Samples still reference deprecated igniteui-js-blocks. Should now be referencing igniteui-angular.

Steps to reproduce

1. Open /package.json

Result

"igniteui-js-blocks": "^5.0.1",

Expected result

"igniteui-angular": "^5.1.0",

Article guidance - https://github.com/IgniteUI/igniteui-docfx/blob/master/.github/CONTRIBUTING.md

Description

The page is not loaded on Edge every time, Ctrl + F5 refresh is needed. Maybe this is somehow related to the Iframe element which is loading the Samples links in DocFX project.

Steps to reproduce

Open Edge browser and load our official demos page:
https://www.infragistics.com/products/ignite-ui-angular/angular/components/tabbar.html

Result

No samples are loaded

Expected result

Samples should be loaded

Attachments

Description

Please include a demo with Japanese ERA, or some other type of calendar to display the Intl support.

Rename the repo to igniteui-angular-samples

Description

We should have a README.md file describing the live editing.

Description

Samples live editing files do not go in assets on build.

Steps to reproduce

1. Build application
2. Go to /dist/assets

Result

There are not no /samples/ directory with JSON files.

Expected result

Samples directory should be there.

• All instance of the fuchsia color to be changed with byzantium.
  This concerns - selected grid cell, toggle, active filter input, active sorting icon, progress bar color.
• Highlight color for places 1, 2 & 3 to become #FCF1FB
• The cup icons for places 1, 2 & 3 to be changed with attached SVG images with gold, silver and bronze.
  trophy-icons-grid.zip
  Important - the SVGs should be 20x20 px. The icon container should generally be 24x24 px, with the icon centered vertically and horizontally.
• Text in number cells should always be aligned right. Header text above such cells should also be aligned right.
• In the 'Top Speed' column, make sure there are always the same number of symbols after the '.' -- currently it would display '5.1', but '5'. It should be '5.0' so alignment doesn't break.
• Some flags and country names are currently mismatched. There's an issue logged in the IgniteUI/DocFX repository about this. IgniteUI/igniteui-docfx#19
• Make male names match with male avatars, and female names with female avatars

Description

Describe the issue.

Steps to reproduce

1. Open https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid.html
2. Resize the window (less width)

Result

Description

Cannot run the project because of the CLI dependency. Please update the Angular CLI.

Steps to reproduce

1. npm install
2. npm run start

Result

There are errors.

Expected result

There shouldn't be any errors.

Description

StackBlitz badge sample is not working

Steps to reproduce

Click on any StackBlitz button in the badge demo

Result

Import error, can't find file:
app/model/member.model.ts

Expected result

The sample should run without errors

Description

It would be useful to have a nav bar to navigate through the samples. Currently, you can get to any particular sample by typing its route into the URL, but you have to know its route. Easier/faster to pick from a nav bar.

Would be awesome to have them organized into each control (for controls which have more than 1 sample).

Description

Boston Marathon igxGrid sample should allow turning back on "live" data once disabled via the igx-switch.

Steps to reproduce

1. Run Boston Marathon sample.
2. Switch Live data off.
3. Try switch Live data on.

Result

The switch is disabled once turned off.

Expected result

Should be able to toggle the button at any point.

Attachments

Description

There is no space between slider component and slider label text.

Result

Expected result

What is the expected result after following the steps to reproduce?