`. Each of these approaches will match the control directive and produce the same result. Stated another way, the following definitions all work to initialize an `igRating` control:
@@ -68,12 +68,12 @@ As Angular provides a very flexible syntax for writing directives and normalizes
For readability, best practices recommend using tags and attributes over classes. Even though Angular normalizes other delimiters, it’s also recommended for {environment:ProductName} Angular directives the control names to be lower case and dash-delimited.
-##
Options
+## Options
All options provided for a directive are intended for the {environment:ProductName} widget that it will create, therefore all applicable options can be found under the [{environment:ProductName} API reference](https://www.igniteui.com/help/api/2025.1/). There are two mutually-exclusive ways to define options – declaratively in the View or as an object in the Scope.
-###
Declarative Options
+### Declarative Options
Options in the view are provided as either attributes of the main tag or as child tags in the case of complex type options.
@@ -107,7 +107,7 @@ The name of the parent tag must match the name of the complex option or array (<
```
-###
Scope Options
+### Scope Options
With scope options (or as often referred as Controller initialization which is the most common case) the entire options object is defined within the scope. The way the directive finds its options is by using the attribute directive matching and assigning it the scope object property to use. For example, if you have the following `igTree` directive:
@@ -134,7 +134,7 @@ app.controller('treeController',
```
These options may seem familiar to you as they are simply using the [{environment:ProductName} API](https://www.igniteui.com/help/api/2025.1/ui.igtree) in the controller as there is no need for AngularJS to normalize them from the view.
-###
Events
+### Events
Although standard methods of [handling {environment:ProductName} events](/general-and-getting-started/using-events-in-igniteui-for-jquery.mdx) are still available, directives can also bind handlers that are defined declaratively as an attribute with `event-` prefix. The name of the event still follows the same naming convention as options - **lower case and dash-delimited**. For example, the following code listing shows how to declare the
event of the `igVideoPlayer`:
@@ -153,7 +153,7 @@ function ($scope) {
```
>**Note:** Keep in mind there are many user interaction-related events in the {environment:ProductName} controls are not raised when the controls are manipulated through the API. The directives use API methods to achieve data binding. For example, the
event of the `igCombo` control is not raised because a change was made to the `ngModel` to which it was bound.
-###
Options Evaluation
+### Options Evaluation
Currently the options provided to the directives support only one time binding with an Angular expression. This means the value of the expression is evaluated in the scope once before it is passed to the widget for initialization. To assign a scope property to an option use Angular’s expression syntax inside the value itself. Everything that [$eval](https://docs.angularjs.org/api/ng/type//$rootScope.Scope#$eval) can evaluate within the scope can be used. For example assigning an `igRating` value (percent based by default) with a 0-10 value:
@@ -173,9 +173,9 @@ By dividing it by 10:
-##
Creating Angular app with {environment:ProductName}
+## Creating Angular app with {environment:ProductName}
-###
Requirements
+### Requirements
When considering the required resources the same requirements and options apply as described in the [Using JavaScript Resources in {environment:ProductName}](/general-and-getting-started/deployment-guide-javascript-resources.mdx) documentation in addition to loading the {environment:ProductName} Angular directives module afterwards. This means that along with some styles the application would also need to include:
@@ -184,7 +184,7 @@ When considering the required resources the same requirements and options apply
- [AngularJS](http://www.angularjs.org/) 1.0 and later
- [{environment:ProductName}](http://www.igniteui.com/) 13.1 and later
-###
Steps
+### Steps
1. Begin by including the [{environment:ProductName} theme and structural](/general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) files:
@@ -243,7 +243,7 @@ When considering the required resources the same requirements and options apply
```
-##
Data Binding
+## Data Binding
Besides providing initialization integration, one of the main benefits of the {environment:ProductName} directives for AngularJS is data binding support. The directives automatically assign AngularJS watchers to the sources provided at initialization, so the only requirement to enable data binding is to set the `dataSource` option or `data-source` attribute to the desired property from the scope:
@@ -263,7 +263,7 @@ Where data is injected in the scope using a [factory provider](https://docs.angu
$scope.northwind = northwind.data;
}]);
-###
Two-way Data Binding
+### Two-way Data Binding
The most common case includes controls that can consume and manipulate data, for those type of controls two way data binding is supported. A two-way binding means data values inside the controls are updated if changes are made to the underlying data source. In addition, if changes are made in the view from the control the underlying data is also kept in sync. Controls that support two-way data binding include:
@@ -274,7 +274,7 @@ The most common case includes controls that can consume and manipulate data, for
>**Note:** For some controls two-way binding requires enabling additional features, such as the Updating feature on the `igGrid`.
-###
One-way Data Binding
+### One-way Data Binding
The other main group are controls that cannot edit their information (mostly consisting of Data Visualization controls), but will still reflect any changes in the data source to which they are bound. In this case the directives create a one-way connection which propagates data changes to the widget in the view. Controls in this group include:
@@ -283,7 +283,7 @@ The other main group are controls that cannot edit their information (mostly con
- igSparkline
- igFunnelChart
-##
Templates
+## Templates
Many {environment:ProductName} controls support templates that are by default handled by the [Infragistics Templating Engine](../06_Infragistics-Templating-Engine/01_igTemplating Overview.mdx). The {environment:ProductName}® Templating Engine is a JavaScript library used to apply a content template to a set of HTML elements. It supports conditional logic and nested templates. The engine uses a `${property}` notation for substitution of the corresponding property values in the data provided. For example, wrapping column values in additional markup for styling and formatting:
@@ -323,13 +323,13 @@ app.controller('gridController',
-###
Setting Templates Declaratively
+### Setting Templates Declaratively
The templating engine uses double curly braces for **conditional templates** (e.g. `{{if condition}}` ), which are also used by Angular for expression evaluation. Therefore, using such templates in declarative initialization **can cause conflicts**. For more information on how you can provide conditional templates declaratively or customize the templating process refer to the [Conditional and Advanced Templating with AngularJS](/conditional-and-advanced-templating-with-angularjs.mdx) topic.
**Related:** [igGrid sample](http://igniteui.github.io/igniteui-angularjs/samples/igGrid.html)
-##
Controls with HTML content
+## Controls with HTML content
In order to provide HTML content to a control (and prevent it from being parsed as an option), you must wrap any markup you don't want parsed in a `
` element. The following example demonstrates how you may add additional markup to the `igDialog` control.
@@ -350,15 +350,15 @@ This approach to providing additional markup applies to controls such as the `ig
**Related:** [igDialog Angular sample](http://igniteui.github.io/igniteui-angularjs/samples/igDialog.html)
-## Related Content
+## Related Content
-### Topics
+### Topics
The following topics provide additional information related to this topic.
- [Conditional and Advanced Templating with AngularJS](/conditional-and-advanced-templating-with-angularjs.mdx)
-### Samples
+### Samples
The following samples provide additional information related to this topic.
diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/igniteui-for-mvc-known-issues.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/igniteui-for-mvc-known-issues.mdx
index 48485b16eb..110c222481 100644
--- a/docs/jquery/src/content/en/topics/asp-net-mvc/igniteui-for-mvc-known-issues.mdx
+++ b/docs/jquery/src/content/en/topics/asp-net-mvc/igniteui-for-mvc-known-issues.mdx
@@ -29,7 +29,7 @@ Issue | Description | Status
## Known Issues and Limitations Details
-### MVC helper-generated code in conjunction with the MVC Loader executes after any custom JavaScript code on a page
+### MVC helper-generated code in conjunction with the MVC Loader executes after any custom JavaScript code on a page
When the MVC Loader and an MVC Helper for any control is used in an ASP.NET MVC View, the JavaScript code they generate is executed after any custom page set-up code from the [`$(document).ready()`](http://api.jquery.com/ready/) or [`$(window).load()`](http://api.jquery.com/load-event/) events.
@@ -47,7 +47,7 @@ $.ig.loader(function () {
});
```
-### Default value for AutoGenerateLayouts changed
+### Default value for AutoGenerateLayouts changed
In the ASP.NET MVC Helper for grids, the default value of the `AutoGenerateLayouts` property has changed to false in order to avoid an additional remote data request for flat grids.
@@ -57,7 +57,7 @@ When [`AutoGenerateLayouts`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.GridModel
>
> This is a breaking change.
-### MVC Loader not functioning correctly in an MVC Razor Layout View
+### MVC Loader not functioning correctly in an MVC Razor Layout View
The {environment:ProductNameMVC} Loader cannot initialize before the controls in an actual View when it is included in an ASP.NET MVC Razor Layout View.
diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/mvcscaffolding/mvc-scaffolding.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/mvcscaffolding/mvc-scaffolding.mdx
index 7a73f5f478..f5eb18faa4 100644
--- a/docs/jquery/src/content/en/topics/asp-net-mvc/mvcscaffolding/mvc-scaffolding.mdx
+++ b/docs/jquery/src/content/en/topics/asp-net-mvc/mvcscaffolding/mvc-scaffolding.mdx
@@ -40,7 +40,7 @@ This is demonstrated in the screenshot below:
6. Once we are done with the settings for the component that we are adding, we click on the "Add" button. This automatically adds a view, containing the widget wrapper definition, along with all the settings that we have enabled.
You can further customize it, add or remove properties and methods, as you would normally do in a standard view, containing an {environment:ProductName} widget wrapper.
-###Prerequisites
+### Prerequisites
In order to use the ASP.NET Scaffolding feature, you must have:
diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/using-ignite-ui-tag-helpers.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/using-ignite-ui-tag-helpers.mdx
index 79e4a15a80..87f6939344 100644
--- a/docs/jquery/src/content/en/topics/asp-net-mvc/using-ignite-ui-tag-helpers.mdx
+++ b/docs/jquery/src/content/en/topics/asp-net-mvc/using-ignite-ui-tag-helpers.mdx
@@ -17,7 +17,7 @@ This topic contains the following sections:
- [Configuring data bound control](#control-configuration)
- [Related Content](#related)
-## Adding Tag Helpers to scope of the view
+## Adding Tag Helpers to scope of the view
To add all {environment:ProductName} Tag Helpers to the current view scope, the @addTagHelper directive is used:
@@ -38,7 +38,7 @@ For example if the igGrids should be only registered:
@addTagHelper Infragistics.Web.Mvc.TagHelpers.Grids.*, Infragistics.Web.AspNetCore
```
-## Configuring data bound control
+## Configuring data bound control
In this section we will demonstrate how to configure igGrid by using the ig-grid Tag Helper.
@@ -142,6 +142,6 @@ and by using Tag Helpers:
```
-## Related Content
+## Related Content
- [Using {environment:ProductNameASPNETCore}](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html)
- [Adding Controls to an MVC Project](../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx)
\ No newline at end of file
diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/using-igniteui-controls-in-aspnet-core-project.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/using-igniteui-controls-in-aspnet-core-project.mdx
index 410a09c9cd..854db0bb51 100644
--- a/docs/jquery/src/content/en/topics/asp-net-mvc/using-igniteui-controls-in-aspnet-core-project.mdx
+++ b/docs/jquery/src/content/en/topics/asp-net-mvc/using-igniteui-controls-in-aspnet-core-project.mdx
@@ -17,9 +17,9 @@ This topic contains the following sections:
- [Configuring the igUpload Middleware for file upload handling](#middleware)
- [Related Content](#related)
-## Referencing the Infragistics Web MVC NuGet package
+## Referencing the Infragistics Web MVC NuGet package
-### Using local feed
+### Using local feed
With the ASP.NET Core most modules are now wrapped as NuGet packages. This allows you to retrieve and use only the specific modules you need for your application, without having to depend on a common assembly. All dependencies of the specific module will be restored out of the box.
@@ -27,11 +27,11 @@ As such our new {environment:ProductNameASPNETCore} built on top of AS
Control's declaration follows the same syntax as the previous MVC versions. You can refer to the following topic for more information and examples: [Adding Controls to an MVC Project](../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx)
-### Using online private feed
+### Using online private feed
You can also install Infragistics Web MVC NuGet package using the Infragistics hosted NuGet server. Checkout [Installing {environment:ProductNameMVC} packages from the online private feed](../01_General-and-Getting-Started/18_Using_Ignite_UI_NuGet_Packages.mdx#privateFeedInstallation) topic for more information.
-## Configuring the igUpload Middleware for file upload handling
+## Configuring the igUpload Middleware for file upload handling
In the old ASP.NET in order to handle more robust file uploading capabilities as multiple file uploads, large file uploads and reporting of the progress of an upload you would have to implement an HttpModule and/or HttpHandler in order to plug into the HTTP Request process.
ASP.NET Core introduces a new request pipeline built around a new middleware definition.
@@ -75,5 +75,5 @@ Additional settings for the upload can be set in the ConfigureServices method. T
```
-## Related Content
+## Related Content
- [Adding Controls to an MVC Project](../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx)
\ No newline at end of file
diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/understanding-infragistics-word-library/word-about-infragistics-word-library.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/understanding-infragistics-word-library/word-about-infragistics-word-library.mdx
index b6afb0fe10..e1e78f1c8c 100644
--- a/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/understanding-infragistics-word-library/word-about-infragistics-word-library.mdx
+++ b/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/understanding-infragistics-word-library/word-about-infragistics-word-library.mdx
@@ -14,12 +14,12 @@ The topic is organized as follows:
- [Implementating the Object Model Approach](#dom)
- [Related Topics](#related-content)
-## Approaches to Generating Word Documents
+## Approaches to Generating Word Documents
The Word library enables you to create Microsoft® Word® documents. Word documents can be created by applying either the forward-only streamer approach or the object-model approach. The advantages and disadvantages of each of them are briefly discussed below.
The forward-only streaming approach improves performance but decreases the ease of use since the calls to one method must be balanced with calls to another method and the consequence of this error is usually an exception from which execution cannot resume. The alternative object-driven approach is easy to use but in case of large data may consume large amounts of system memory.
-### Implementing the Forward-Only Streamer Approach
+### Implementing the Forward-Only Streamer Approach
The [WordDocumentWriter](Infragistics.Web.Documents.IO~Infragistics.Documents.Word.WordDocumentWriter.html) is a streamer object that provides a fast, non-cached, forward-only means of generating streams or files containing word processing data. This object is available in the Infragistics.Documents.IO assembly. The WordDocumentWriter object enables you to create Word documents with improved performance through the forward-only streaming approach.
@@ -95,7 +95,7 @@ private void WriteParagraph(
}
```
-### Implementating the Object Model Approach
+### Implementating the Object Model Approach
##### Introduction to the Document Class
@@ -150,7 +150,7 @@ p.ContentRuns.AddTextRun("Hello World");
doc.Save(filename);
```
-## Related Topics
+## Related Topics
- [Using the Infragistics Word Library](/using-infragistics-word-library/word-using-the-infragistics-word-library.mdx)
- [Word Document Generation References and Dependencies](/word-word-document-generation-references-and-dependencies.mdx)
diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/using-infragistics-word-library/word-add-table-to-word-document.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/using-infragistics-word-library/word-add-table-to-word-document.mdx
index c2ea68ae78..e4f6dee02b 100644
--- a/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/using-infragistics-word-library/word-add-table-to-word-document.mdx
+++ b/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/using-infragistics-word-library/word-add-table-to-word-document.mdx
@@ -15,13 +15,13 @@ The topic is organized as follows:
- [Examples](#Ex)
- [Related Topics](#relatedTopics)
-## Introduction
+## Introduction
Infragistics® Word library enables you to insert tables in your Word document. A table will help you align columns and rows of text with ease.
-## Requirements
+## Requirements
A reference to the Infragsitics3.Documents.IO assembly is required.
-## Formatting Tables - Overview
+## Formatting Tables - Overview
Formatting table, table rows, and table cells is handled by various classes, such as:
- [TableProperties](Infragistics.Web.Documents.IO~Infragistics.Documents.Word.TableProperties.html)
@@ -29,7 +29,7 @@ Formatting table, table rows, and table cells is handled by various classes, suc
- [TableCellProperties](Infragistics.Web.Documents.IO~Infragistics.Documents.Word.TableCellProperties.html)
- [TableBorderProperties](Infragistics.Web.Documents.IO~Infragistics.Documents.Word.TableBorderProperties.html)
-## Examples
+## Examples
### Example: Creating a Table With a Header Row
The code below creates a table with two columns and three rows using the [WordDocumentWriter](Infragistics.Web.Documents.IO~Infragistics.Documents.Word.WordDocumentWriter.html) streamer object. The first row is set as a header row using the [IsHeaderRow](Infragistics.Web.Documents.IO~Infragistics.Documents.Word.TableRowProperties~IsHeaderRow.html) property of the TableRowProperties object.
@@ -226,7 +226,7 @@ docWriter.EndDocument();
docWriter.Close();
```
-## Related Topics
+## Related Topics
- [Creating a Word Document](/word-create-a-word-document.mdx)
- [Applying Formatting to Word Document](/word-apply-formatting-to-word-document.mdx)
- [Word Add Images to Word Document](/word-add-images-to-word-document.mdx)
diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/using-infragistics-word-library/word-creating-word-document-using-object-model-approach.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/using-infragistics-word-library/word-creating-word-document-using-object-model-approach.mdx
index ae1013d643..bfa519df78 100644
--- a/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/using-infragistics-word-library/word-creating-word-document-using-object-model-approach.mdx
+++ b/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/using-infragistics-word-library/word-creating-word-document-using-object-model-approach.mdx
@@ -21,7 +21,7 @@ The topic is organized as follows:
- [Example Code: Full Code Sample](#ExCode)
- [Related Topics](#RelatedTopics)
-## Creating a Simple Word Document
+## Creating a Simple Word Document
The entire Word document is encapsulated by the [Document](Infragistics.Web.Documents.Word~Infragistics.Documents.Word.Document.html) class. The Document class is the root-level entity in the object hierarchy, under which all other objects are grouped. It serves as a container for block-level content such as paragraphs and tables. Block-level content is contained within the [ContentBlocks](Infragistics.Web.Documents.Word~Infragistics.Documents.Word.Document~ContentBlocks.html) collection.
Individual paragraphs in the document are encapsulated by the [Paragraph](Infragistics.Web.Documents.Word~Infragistics.Documents.Word.Paragraph.html) class. The Paragraph class exposes a [ContentRuns](Infragistics.Web.Documents.Word~Infragistics.Documents.Word.Paragraph~ContentRuns.html) collection, which provides a way to add content to the paragraph.
@@ -49,7 +49,7 @@ Paragraph para1 = doc.ContentBlocks.AddParagraph();
para1.ContentRuns.AddTextRun("Sample Word Document with Hyperlinks,Images,Headers and Footers", font);
```
-## Adding a Hyperlink to the Word Document
+## Adding a Hyperlink to the Word Document
The Infragistics Word library supports hyperlinks. The [AddHyperlink](Infragistics.Web.Documents.Word~Infragistics.Documents.Word.ContentRunsCollection~AddHyperlink.html) method adds a TextHyperlink to the associated paragraph.
**In C#:**
@@ -64,8 +64,8 @@ para2.ContentRuns.AddTextRun("Hyperlink: ");
para2.ContentRuns.AddHyperlink("http://www.infragistics.com", "Infragistics Inc.");
```
-## Adding a Picture
-### Adding Anchored Picture
+## Adding a Picture
+### Adding Anchored Picture
The [AnchoredPicture](Infragistics.Web.Documents.IO~Infragistics.Documents.Word.AnchoredPicture.html) class encapsulates a picture or image that is anchored to a specific location within the document. [AddAnchoredPicture](Infragistics.Web.Documents.Word~Infragistics.Documents.Word.AnchorsCollection~AddAnchoredPicture.html) method adds an anchored picture to the associated paragraph.
**In C#:**
@@ -90,7 +90,7 @@ anchPic.Outline.LineWidth = 1;
para3.Anchors.AddAnchoredPicture(anchPic);
```
-### Adding Inline Picture
+### Adding Inline Picture
The [InlinePicture](Infragistics.Web.Documents.IO~Infragistics.Documents.Word.InlinePicture.html) class enacpsulates a picture, which appears inline with the textual content within the document. [AddInlinePicture](Infragistics.Web.Documents.Word~Infragistics.Documents.Word.ContentRunsCollection~AddInlinePicture.html) method adds an inline picture to the associated paragraph.
**In C#:**
@@ -113,8 +113,8 @@ para4.ContentRuns.AddInlinePicture(inlinePic);
```
The [Section](Infragistics.Web.Documents.Word~Infragistics.Documents.Word.Section.html) class encapsulates the pagination properties and header/footer content for a document section.
-## Setting the Header and the Footer
-### Adding and Setting the Header
+## Setting the Header and the Footer
+### Adding and Setting the Header
The following code example shows how to display text and image in the header section of all pages.
**In C#:**
@@ -139,7 +139,7 @@ headerPara.Anchors.AddAnchoredPicture(headeranchPic);
headerPara.ContentRuns.AddTextRun("This is a header");
```
-### Adding and Setting the Footer
+### Adding and Setting the Footer
The [AddPageNumberField](Infragistics.Web.Documents.Word~Infragistics.Documents.Word.ContentRunsCollection~AddPageNumberField.html) method adds a PageNumberField to the associated paragraph.
**In C#:**
@@ -162,7 +162,7 @@ footerPara.ContentRuns.AddTextRun("This is a footer");
footerPara.ContentRuns.AddPageNumberField(PageNumberFieldFormat.Ordinal);
```
-## Example Code: Full Code Sample
+## Example Code: Full Code Sample
Following is the complete functional code used in the examples in this topic.
**In C#:**
@@ -243,7 +243,7 @@ footerPara.ContentRuns.AddPageNumberField(PageNumberFieldFormat.Ordinal);
doc.Save(documentName);
```
-## Related Topics
+## Related Topics
- [Creating a Word Document](/word-create-a-word-document.mdx)
- [Applying Formatting to Word Document](/word-apply-formatting-to-word-document.mdx)
- [Adding Table to Word Document](/word-add-table-to-word-document.mdx)
diff --git a/docs/jquery/src/content/en/topics/controls/igbulletgraph/adding/to-an-html-page.mdx b/docs/jquery/src/content/en/topics/controls/igbulletgraph/adding/to-an-html-page.mdx
index 224ea9a6b8..86525ac284 100644
--- a/docs/jquery/src/content/en/topics/controls/igbulletgraph/adding/to-an-html-page.mdx
+++ b/docs/jquery/src/content/en/topics/controls/igbulletgraph/adding/to-an-html-page.mdx
@@ -37,11 +37,11 @@ This topic contains the following sections:
- [Samples](#samples)
-## Adding igBulletGraph to an HTML Page – Conceptual Overview
+## Adding igBulletGraph to an HTML Page – Conceptual Overview
To add `igBulletGraph` control to a web page requires an HTML element, a `div` to serve as the base for instantiation. The basic configuration of `igBulletGraph` requires providing values for its dimensions - `width` and `height`.
-#### Requirements
+#### Requirements
The following table summarizes the requirements for using the `igBulletGraph` control.
@@ -63,7 +63,7 @@ The following table summarizes the requirements for using the `igBulletGraph` co
</tbody>
</table>
-#### Steps
+#### Steps
Following are the general conceptual steps for adding `igBulletGraph` to an HTML Page.
@@ -76,19 +76,19 @@ Following are the general conceptual steps for adding `igBulletGraph` to an HTML
7. Adding comparative ranges.
-## Adding igBulletGraph to an HTML Page – Procedure
-#### Introduction
+## Adding igBulletGraph to an HTML Page – Procedure
+#### Introduction
This procedure adds an instance of `igBulletGraph` to an HTML page and configures its dimensions, its scale and adds a performance bar, comparative marker and three comparative ranges to it.
The procedure presumes the required resources are added to the header of the HTML page, so it instantiates the `igBulletGraph` control in the document ready event to prevent any errors due to DOM being not fully loaded.
-#### Preview
+#### Preview
The following screenshot is a preview of the result.
-### Prerequisites
+### Prerequisites
To complete the procedure, you need the required JavaScript and CSS files referenced on the HTML page.
@@ -121,7 +121,7 @@ To complete the procedure, you need the required JavaScript and CSS files refere