Skip to content

Fix tables rendering #94

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
dobromirts wants to merge 1 commit into
base: vkombov/migrate-jquery-docs
Choose a base branch
from
Open

Fix tables rendering #94

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions docs/jquery/astro.config.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -63,6 +63,7 @@ export default createDocsSite({
source: {
tocPath,
docsDir,
imagesDir: path.resolve(`./src/content/${contentLangDir}/topics/images`),
},
starlight: {},
image: { service: { entrypoint: 'astro/assets/services/noop' } },
Expand Down
13 changes: 8 additions & 5 deletions docs/jquery/src/content/en/topics/asp-net-mvc/igniteui-for-mvc-known-issues.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,11 +11,14 @@ slug: aspnet-mvc-wrappers-known-issues
The following table summarizes the known issues and limitations of the {environment:ProductNameMVC}. Detailed explanations of some of the issues and the existing workarounds are provided after the summary table.


Legend: |
--------|---------
![](../images/images/positive.png) | Workaround available
![](../images/images/negative.png) | No known workaround
![](../images/images/plannedFix.png) | No known workaround, fix planned

**Legend:**

| | |
| --- | --- |
| ![](../images/images/positive.png) | Workaround available |
| ![](../images/images/negative.png) | No known workaround |
| ![](../images/images/plannedFix.png) | No known workaround, fix planned |

### {environment:ProductNameMVC}

Expand Down
12 changes: 7 additions & 5 deletions ...uery/src/content/en/topics/asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,11 +10,13 @@ slug: aspnet-mvc-mobile-wrappers-known-issues

The following table summarizes the known issues and limitations of the {environment:ProductNameMVC} mobile.

Legend: |
--------|---------
![](../images/images/positive.png) | Workaround available
![](../images/images/negative.png) | No known workaround
![](../images/images/plannedFix.png) | No known workaround, fix planned
**Legend:**

| | |
| --- | --- |
| ![](../images/images/positive.png) | Workaround available |
| ![](../images/images/negative.png) | No known workaround |
| ![](../images/images/plannedFix.png) | No known workaround, fix planned |


### {environment:ProductName} ASP.NET MVC Mobile Wrappers (mobile)
Expand Down
10 changes: 2 additions & 8 deletions .../jquery/src/content/en/topics/controls/igbulletgraph/adding/to-an-html-page.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -50,19 +50,13 @@ The following table summarizes the requirements for using the `igBulletGraph` co
| --- | --- | --- |
| Required Resources | Description | What you need to do… |
| jQuery and jQuery UI JavaScript resources | {environment:ProductName}™ is built on top of the following frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | Add script references to both libraries in the `` section of your page. |
| General *igBulletGraph* JavaScript Resources | The *igBulletGraph* control depends on functionality distributed across several files in the {environment:ProductName} Library. You can load the required resources in one of the following ways: Use the Infragistics® Loader (*igLoader*™). You only need to include a script reference to *igLoader* on your page. Load the required resources manually. You need to use the dependencies listed in the table below. Load the two combined files, containing the logic for all data visualization controls from the {environment:ProductName} package - *infragistics.core.js*, *infragistics.dv.js* and *infragistics.encoding.js* (optional). The following table lists the {environment:ProductName} library dependencies related to the *igBulletGraph* control. These resources need to be referred to explicitly if you chose not to use *igLoader* or the combined files. JS Resource | Description |
| General *igBulletGraph* JavaScript Resources | The *igBulletGraph* control depends on functionality distributed across several files in the {environment:ProductName} Library. You can load the required resources in one of the following ways: Use the Infragistics® Loader (*igLoader*™). You only need to include a script reference to *igLoader* on your page. Load the required resources manually. You need to use the dependencies listed in the table below. Load the two combined files, containing the logic for all data visualization controls from the {environment:ProductName} package - *infragistics.core.js*, *infragistics.dv.js* and *infragistics.encoding.js* (optional). The following table lists the {environment:ProductName} library dependencies related to the *igBulletGraph* control. These resources need to be referred to explicitly if you chose not to use *igLoader* or the combined files. | Add one of the following: A reference to \*igLoader\* . A reference to all the required JavaScript files (listed in the table on the left). A reference to the combined files and optionally to the file containing the encodings |
| *infragistics.util.js*, *infragistics.util.jquery.js* | {environment:ProductName} utilities | |
| *infragistics.ext_core.js*, *infragistics.ext_collections.js*, *infragistics.ext_ui.js*, *infragistics.dv_jquerydom.js*, *infragistics.dv_core.js*, *infragistics.dv_geometry.js* A shared library for data visualization components | | |
| *infragistics.ext_core.js*, *infragistics.ext_collections.js*, *infragistics.ext_ui.js*, *infragistics.dv_jquerydom.js*, *infragistics.dv_core.js*, *infragistics.dv_geometry.js* | A shared library for data visualization components | | |
| *infragistics.ui.widget.js* | Base igWidget for all {environment:ProductName} widgets. | |
| *infragistics.bulletgraph.js* | The *igBulletGraph* control | |
| *infragistics.ui.bulletgraph.js* | The *igBulletGraph* widget | |

</td>
&lt;td&gt;Add one of the following: <ul> <li> A reference to \*igLoader\* </li> <li> A reference to all the required JavaScript files (listed in the table on the left). </li> <li> A reference to the combined files and optionally to the file containing the encodings. </li> </ul>&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;

#### <a id="steps"></a>Steps

Following are the general conceptual steps for adding `igBulletGraph` to an HTML Page.
Expand Down
1 change: 1 addition & 0 deletions .../content/en/topics/controls/igbulletgraph/configuring/elements/the-tooltips.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -200,6 +200,7 @@ The screenshot below demonstrates how the tooltip of the `igBulletGraph`’s per
Property | Value
---|---
<ApiLink type="igBulletGraph" member="valueToolTipTemplate" section="options" label="valueToolTipTemplate" /> | "valueToolTipTemplate"

Where "valueToolTipTemplate" is the id of the template:

**In HTML:**
Expand Down
12 changes: 7 additions & 5 deletions docs/jquery/src/content/en/topics/controls/igcombo/known-limitations.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,11 +14,13 @@ slug: igcombo-known-limitations

The following table summarizes the known issues and limitations of the `igCombo`™ control. Detailed explanations of some of the issues and the existing workarounds are provided after the summary table.

Legend |
-------|------
![](../../images/images/positive.png) | Workaround available
![](../../images/images/negative.png) | No known workaround
![](../../images/images/plannedFix.png) | No known workaround, fix planned
**Legend:**

| | |
| --- | --- |
| ![](../../images/images/positive.png) | Workaround available |
| ![](../../images/images/negative.png) | No known workaround |
| ![](../../images/images/plannedFix.png) | No known workaround, fix planned |

Issue | Description | Status
---|---|---
Expand Down
12 changes: 7 additions & 5 deletions docs/jquery/src/content/en/topics/controls/igdatachart/known-issues.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,11 +19,13 @@ This topic lists all known issues and limitations in the `igDataChart`™ contro

The following table summarizes the known issues and limitations of the `igDataChart` control. Detailed explanations of known issues and the possible workarounds are provided for some of the issues follow the summary table.

Legend: |
--------|------
![](../../images/images/positive.png) | Workaround available
![](../../images/images/negative.png) | No known workaround available
![](../../images/images/plannedFix.png) | Fix planned
**Legend:**

| | |
| --- | --- |
| ![](../../images/images/positive.png) | Workaround available |
| ![](../../images/images/negative.png) | No known workaround available |
| ![](../../images/images/plannedFix.png) | Fix planned |



Expand Down
25 changes: 5 additions & 20 deletions docs/jquery/src/content/en/topics/controls/igdatachart/overview/overview.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -121,7 +121,7 @@ The following table summarizes the requirements for using the `igDataChart` cont
| HTML5 canvas API | The functionality of the charting library is based on the HTML5 Canvas tag and its related API. Any web browser that supports these will be able to render and display charts generated by the igDataChart control. No other HTML5 features are required for the operation of the igDataChart control. The topic [Canvas Element: Support](http://en.wikipedia.org/wiki/Canvas_element#Support) from [Wikipedia™](http://en.wikipedia.org/wiki/Main_Page) details which versions of the most popular desktop and mobile web browsers support the HTML5 Canvas API. |
| jQuery and jQuery UI JavaScript resources | &#123;environment:ProductName&#125; is built on top of these frameworks: [jQuery](http://docs.jquery.com/Main_Page) [jQuery UI](http://jqueryui.com/) |
| Modernizr | The Modernizr library is used by the igDataChart to detect browser and device capabilities. It is not mandatory and if not included the control will behave as if it works in a normal desktop environment with HTML5 compatible browser. [Modernizr](http://modernizr.com/docs/) |
| General charting JavaScript resources | The charting functionality of the &#123;environment:ProductName&#125; library is distributed across several files depending on the series type. In case you wish to include resources manually, you need to use the dependencies listed in the following tables. JS Resource |
| General charting JavaScript resources | The charting functionality of the &#123;environment:ProductName&#125; library is distributed across several files depending on the series type. In case you wish to include resources manually, you need to use the dependencies listed in the following tables. |
| infragistics.util.js, infragistics.util.jquery.js | &#123;environment:ProductName&#125; utilities |
| infragistics.datasource.js | The igDataSource control. |
| infragistics.ext_core.js, infragistics.ext_collections.js, infragistics.ext_ui.js, infragistics.dv_jquerydom.js, infragistics.dv_core.js, infragistics.dv_geometry.js, infragistics.datachart_core.js | Data visualization core functionality |
Expand All @@ -131,25 +131,10 @@ The following table summarizes the requirements for using the `igDataChart` cont
| infragistics.dv_opd.js | Chart Overview Plus Detail Pane functionality |
| infragistics.ui.widget.js | Base igWidget for all &#123;environment:ProductName&#125; widgets. |

&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
&lt;td&gt;Chart-type-specific JavaScript resources&lt;/td&gt;
&lt;td&gt;In addition to the general charting resources listed above, you need to include references related to the respective chart type in use. | Chart Series Type | JS Resource | | --- | --- | | Common category functionality | infragistics.datachart_categorycore.js | | Area, Column, Line, all Spline charts, Waterfall | infragistics.datachart_category.js | | Bar | infragistics.datachart_verticalcategory.js | | Financial, Typical Price Indicator | infragistics.datachart_financial.js, infragistics.datachart_extendedfinancial.js | | Polar Area, Polar Line, all Polar charts | infragistics.datachart_polar.js (dendends on: infragistics.datachart_extendedaxes.js) | | all Radial charts | infragistics.datachart_radial.js (dendends on: infragistics.datachart_extendedaxes.js) | | all Range charts | infragistics.datachart_rangecategory.js | | all Scatter charts | infragistics.datachart_scatter.js | | all Stacked charts | infragistics.datachart_stacked.js (dendends on: infragistics.datachart_verticalcategory.js, infragistics.datachart_extendedaxes.js) | | Tooltips, highlights, and other annotations | infragistics.datachart_annotation.js | | DateTimeAxis / TimeAxis | infragistics.datachart_extendedaxes.js |&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
&lt;td&gt;IG theme&lt;/td&gt;
&lt;td&gt;This theme contains custom visual styles created for the &#123;environment:ProductName&#125; library. It is contained in the following file: <ul> <li> &#123;IG CSS root&#125;/themes/Infragistics/infragistics.theme.css </li> </ul>&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
&lt;td&gt;Chart structure&lt;/td&gt;
&lt;td&gt;This CSS resource is used by the charting components for rendering different elements of the controls: <ul> <li> &#123;IG CSS root&#125;/structure/modules/infragistics.ui.chart.css </li> </ul>&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
| Chart-type-specific JavaScript resources | | |
| IG theme | This theme contains custom visual styles created for the &#123;environment:ProductName&#125; library. It is contained in the following file: &#123;IG CSS root&#125;/themes/Infragistics/infragistics.theme.css | |
| Chart structure | This CSS resource is used by the charting components for rendering different elements of the controls: &#123;IG CSS root&#125;/structure/modules/infragistics.ui.chart.css | |



>**Note:**To learn about the different ways to reference JavaScript resources in &#123;environment:ProductName&#125;, see the [Using JavaScript Resources in &#123;environment:ProductName&#125;](///general-and-getting-started/deployment-guide-javascript-resources.mdx) topic.
Expand Down
2 changes: 0 additions & 2 deletions docs/jquery/src/content/en/topics/controls/igdialog/configuring/show-and-hide.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,8 +49,6 @@ The following table lists the configurable aspects of the `igDialog` control. Ad
| Hide *igDialog* | Method from *igDialog API that allows it to be closed.* | <ApiLink type="igDialog" member="close" section="methods" label="close()" /> |
| Show *igDialog* | Method from *igDialog API that allows it to be opened.* | <ApiLink type="igDialog" member="open" section="methods" label="open()" /> |

&lt;/table&gt;


## <a id="allow-closing"></a> Configure igDialog to Allow Closing

Expand Down
12 changes: 7 additions & 5 deletions docs/jquery/src/content/en/topics/controls/igdialog/known-issues.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,11 +13,13 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro';

The following table summarizes the known issues and limitations for the `igDialog`™ control. Detailed explanations of known issues and the possible workarounds are provided for some of the issues follow the summary table.

Legend: |
--------|--------
![](../../images/images/positive.png) | Workaround available
![](../../images/images/negative.png) | No known workaround
![](../../images/images/plannedFix.png) | No known workaround, fix planned
**Legend:**

| | |
| --- | --- |
| ![](../../images/images/positive.png) | Workaround available |
| ![](../../images/images/negative.png) | No known workaround |
| ![](../../images/images/plannedFix.png) | No known workaround, fix planned |

### [igDialog](#ig-dialog)

Expand Down
20 changes: 5 additions & 15 deletions ...query/src/content/en/topics/controls/igdoughnutchart/adding/to-an-html-page.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,13 +51,13 @@ The following table summarizes the requirements for using the `igDoughnutChart`
| Required Resources | Description | What you need to do… |
| jQuery and jQuery UI JavaScript resources | &#123;environment:ProductName&#125;™ is built on top of the following frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | Add script references to both libraries in the `` section of your page. |
| igDoughnutChart CSS resource files | Uses the styles from the following CSS file for rendering various elements of the control:, &lt;IG CSS root>/structure/modules/infragistics.ui.html5.css, &lt;IG CSS root>/structure/modules/infragistics.ui.shared.css, &lt;IG CSS root>/structure/modules/infragistics.ui.chart.css | |
| General `igDoughnutChart` JavaScript Resources | The igDoughnutChart control depends on functionality distributed across several files in the &#123;environment:ProductName&#125; Library. Load the required resources in one of the following ways: Using the Infragistics® Loader (igLoader™). You only need to include a script reference to igLoader on your page. Loading the required resources manually. You need to use the dependencies listed in the table below. Loading the two combined files, containing the logic for all data visualization controls from the &#123;environment:ProductName&#125; package: infragistics.core.js and infragistics.dv.js. The following table lists the &#123;environment:ProductName&#125; library dependences related to the igDoughnutChart control. Refer to these resources explicitly if not to using igLoader or the combined files. JS Resource | Description |
| General `igDoughnutChart` JavaScript Resources | The igDoughnutChart control depends on functionality distributed across several files in the &#123;environment:ProductName&#125; Library. Load the required resources in one of the following ways: Using the Infragistics® Loader (igLoader™). You only need to include a script reference to igLoader on your page. Loading the required resources manually. You need to use the dependencies listed in the table below. Loading the two combined files, containing the logic for all data visualization controls from the &#123;environment:ProductName&#125; package: infragistics.core.js and infragistics.dv.js. The following table lists the &#123;environment:ProductName&#125; library dependences related to the igDoughnutChart control. Refer to these resources explicitly if not to using igLoader or the combined files. | Add one of the following: A reference to igLoader. A reference to all the required JavaScript files (listed in the table on the left) |
| infragistics.util.js, infragistics.util.jquery.js | &#123;environment:ProductName&#125; utilities | |
| infragistics.datasource.js | Data source framework | |
| infragistics.templating.js | Template engine (igTemplate™) | |
| infragistics.ui.widget.js | Base igWidget for all &#123;environment:ProductName&#125; widgets. | |
| infragistics.ext_core.js,, infragistics.ext_collections.js,, infragistics.ext_ui.js,, infragistics.dv_jquerydom.js,, infragistics.dv_core.js,, infragistics.dv_geometry.js Data visualization core functionality | | |
| infragistics.datachart_core.js Common chart visualization functionality | | |
| infragistics.ext_core.js, infragistics.ext_collections.js, infragistics.ext_ui.js, infragistics.dv_jquerydom.js, infragistics.dv_core.js, infragistics.dv_geometry.js | Data visualization core functionality | | |
| infragistics.datachart_core.js | Common chart visualization functionality | | |
| infragistics.dv_interactivity.js | Provides support for user interaction such as panning, zooming, dragging, etc. | |
| infragistics.piechart.js | Pie chart visualization logic | |
| infragistics.doughnutchart.js | Doughnut chart visualization logic | |
Expand All @@ -67,18 +67,8 @@ The following table summarizes the requirements for using the `igDoughnutChart`
| infragistics.ui.basechart.js | Common code for chart widgets | |
| infragistics.ui.chart.js | `igDataChart` widget UI code | |
| infragistics.ui.doughnutchart.js | The `igDoughnutChart` widget UI code | |
<br/>
&lt;/td&gt;
&lt;td&gt;Add one of the following: <ul> <li>A reference to igLoader</li> <li>A reference to all the required JavaScript files (listed in the table on the left).</li> </ul>&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
&lt;td&gt;IG Theme(Optional)&lt;/td&gt;
&lt;td&gt;This theme contains the visual styles for the &#123;environment:ProductName&#125; library. The theme file is:&lt;IG CSS root&gt;/themes/Infragistics/infragistics.theme.css&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
| IG Theme (Optional) | This theme contains the visual styles for the &#123;environment:ProductName&#125; library. The theme file is: &lt;IG CSS root&gt;/themes/Infragistics/infragistics.theme.css | |


### <a id="overview-steps"></a>Steps
Following are the general conceptual steps for Adding `igDoughnutChart` to an HTML Page.
Expand Down
12 changes: 7 additions & 5 deletions ...ntent/en/topics/controls/igfinancialchart/financial-chart-known-limitations.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,11 +14,13 @@ slug: igfinancial-chart-known-limitations

The following table summarizes the known issues and limitations of the `igFinancialChart`™ control. Detailed explanations of some of the issues and the existing workarounds are provided after the summary table.

Legend |
-------|------
![](../../images/images/positive.png) | Workaround available
![](../../images/images/negative.png) | No known workaround
![](../../images/images/plannedFix.png) | No known workaround, fix planned
**Legend:**

| | |
| --- | --- |
| ![](../../images/images/positive.png) | Workaround available |
| ![](../../images/images/negative.png) | No known workaround |
| ![](../../images/images/plannedFix.png) | No known workaround, fix planned |

Issue | Description | Status
---|---|---
Expand Down
Loading