diff --git a/docs/jquery/src/content/en/topics/controls/igcategorychart/adding.mdx b/docs/jquery/src/content/en/topics/controls/igcategorychart/adding.mdx index d6fb50dfb3..ad87f084d1 100644 --- a/docs/jquery/src/content/en/topics/controls/igcategorychart/adding.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcategorychart/adding.mdx @@ -65,7 +65,7 @@ The following procedure takes you through the steps necessary for adding the igC In order to create an igCategoryChart control, you must first have data to bind it to. The following code snippet demonstrates how to create a simple data source. For more information on binding to other data sources, please refer to the following topic, [Binding to Data](/categorychart-binding-to-data.mdx). **In HTML:** -``` +```html var data = [ { "CountryName": "China", "Pop1995": 1216, "Pop2005": 1297, "Pop2015": 1361, "Pop2025": 1394 }, { "CountryName": "India", "Pop1995": 920, "Pop2005": 1090, "Pop2015": 1251, "Pop2025": 1396 }, diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/binding/to-web-services.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/binding/to-web-services.mdx index d2e0772d85..7333e5e2d2 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/binding/to-web-services.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/binding/to-web-services.mdx @@ -134,7 +134,7 @@ This procedure also assumes that you are using Visual Studio 2013 and MVC5. **In C#** -``` +```csharp public static void Register(HttpConfiguration config) { ODataConventionModelBuilder builder = @@ -276,7 +276,7 @@ If you inspect the request using the developer tools of your browser you will se **In JavaScript** -``` +```javascript { "odata.metadata":"http://localhost/odata/$metadata#Products&$select=ProductID,ProductName,QuantityPerUnit,UnitPrice,UnitsInStock","odata.count":"77","value":[ { diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/filtering.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/filtering.mdx index 6dcf010b27..21ec391a95 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/filtering.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/filtering.mdx @@ -254,7 +254,7 @@ Listing 7: Example usage of columnSettings **In JavaScript:** -``` +```javascript $("#grid1").igGrid({ columns: [ { headerText: "Product ID", key: "ProductID", dataType: "number" }, @@ -281,14 +281,14 @@ Listing 8: Binding to client-side events from anywhere in your application **In JavaScript:** -``` +```javascript $("#grid1").on("iggridfilteringdatafiltered", handler); ``` Listing 9: Binding to client-side events by specifying the event name as an option when you initialize the filtering feature (case sensitive) **In JavaScript:** -``` +```javascript $(function () { $("#grid1").igGrid({ columns: [ @@ -503,7 +503,7 @@ There are additional options that further affect the behavior and visualization **In JavaScript:** -``` +```javascript $("#grid1").igGrid({ columns: [ { headerText: "Employee ID", key: "EmployeeID", dataType: "string", hidden: true }, diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/summaries/configuring-column-summaries.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/summaries/configuring-column-summaries.mdx index bf2a109518..daaeb28e2a 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/summaries/configuring-column-summaries.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/summaries/configuring-column-summaries.mdx @@ -463,7 +463,7 @@ Following is a conceptual overview of the process: ``` **In JavaScript** -```js +```javascript $("#grid1").live("iggridsummariessummariescalculating ", gridSummariesCalculating); ``` diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/implementing-custom-editor-provider.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/implementing-custom-editor-provider.mdx index 2835fda7ce..c5ffa5d9f9 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/implementing-custom-editor-provider.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/implementing-custom-editor-provider.mdx @@ -40,7 +40,7 @@ The EditorProvider class inherits from a base Class implementation where the "ex The prototypes of the two main classes look as follows: **In JavaScript** -``` +```javascript $.ig.EditorProvider = $.ig.EditorProvider || Class.extend({ createEditor: function (callbacks, key, editorOptions, tabIndex, format, element) { ... }, keyDown: function (evt, ui) { ... }, @@ -99,7 +99,7 @@ The custom editor provider instance should either extend $.ig.EditorProvider/$.i **In JavaScript** -``` +```javascript createEditor: function (callbacks, key, editorOptions, tabIndex, format, element) { //Used to initialize the editor @@ -188,7 +188,7 @@ This procedure demonstrates how to wrap a simple HTML 5 number INPUT into an edi **In JavaScript** -``` +```javascript var northwindEmployees = [ { "ID": 1, "Name": "Davolio, Nancy", "Title": "Sales Representative", "HireDate": "\/Date(1224795600000)\/", "Country": "USA", "Age": 22 }, { "ID": 2, "Name": "Fuller, Andrew", "Title": "Vice President, Sales", "HireDate": "\/Date(1269640800000)\/", "Country": "USA", "Age": 22}, @@ -229,7 +229,7 @@ This procedure demonstrates how to wrap a simple HTML 5 number INPUT into an edi 2. Create a custom editor provider that extends the default EditorProvider and overwrite its default methods. **In JavaScript** -``` +```javascript $.ig.EditorProviderInput = $.ig.EditorProviderInput || $.ig.EditorProvider.extend({ createEditor: function (callbacks, key, editorOptions, tabIndex, format, element) { element = element || $(''); diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/updating.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/updating.mdx index e8a27e991c..e202c3767d 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/updating.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/updating.mdx @@ -451,7 +451,7 @@ Adding batch updates to an instantiated grid requires that you use the live meth ``` **In Razor:** -``` +```cshtml <%= Html.Infragistics().Grid(Model).ID("grid1").PrimaryKey("ProductID").UpdateUrl(Url.Action("UpdatingSaveChanges")).Columns(column => { column.For(x => x.ProductID).HeaderText("Product ID").Width("100px"); diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/working-with-combo-editor-provider.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/working-with-combo-editor-provider.mdx index 0d11a3ff51..5f401edd07 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/working-with-combo-editor-provider.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/working-with-combo-editor-provider.mdx @@ -30,7 +30,7 @@ This procedure guides you through the process of configuring an igCombo editor i **In JavaScript** -``` +```javascript $("#gridProducts").igGrid({ dataSource: northwindProductsJSON, autoGenerateColumns: false, @@ -68,7 +68,7 @@ This procedure guides you through the process of configuring an igCombo editor i **In JavaScript**: -``` +```javascript columnSettings: [{ columnKey: "CategoryID", editorType: 'combo', @@ -95,7 +95,7 @@ This procedure guides you through the process of configuring an igCombo editor i If you’d like the text of the associated drop-down items to be displayed in the grid cells instead of the value an additional function will need to be defined for the column in order for the value to be associated with the corresponding display text. A similar example can be found in the following related sample: [Grid with Combo Editor]({environment:NewSamplesUrl}/combo/grid-with-combo-editor) **In JavaScript** -``` +```javascript function formatCategoryCombo(val) { var i, category; for (i = 0; i < northWindCategoriesJSON.length; i++) { @@ -122,7 +122,7 @@ The following proceedure guides you through the process of creating a custom pro **In JavaScript** -``` +```javascript var northwindProductsJSON = [ { "ID": 0, "Name": "Bread", "Description": "Whole grain bread", "Price": "2.5", "CategoryID": "Food" }, { "ID": 1, "Name": "Milk", "Description": "Low fat milk", "Price": "3.5", "CategoryID": "Beverages" }, @@ -174,7 +174,7 @@ The following proceedure guides you through the process of creating a custom pro 2. Create a custom editor provider that extends the default EditorProviderCombo and overwrite its default getValue and setValue methods. **In JavaScript** -``` +```javascript $.ig.ComboEditorProviderCustom = $.ig.EditorProviderCombo.extend({ getValue: function () { var val = this.editor.value(); diff --git a/docs/jquery/src/content/en/topics/controls/igpiechart/selection.mdx b/docs/jquery/src/content/en/topics/controls/igpiechart/selection.mdx index 44129fa271..7cdd1f6619 100644 --- a/docs/jquery/src/content/en/topics/controls/igpiechart/selection.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpiechart/selection.mdx @@ -37,7 +37,7 @@ The following code snippet demonstrates how to disable selection. **In Javascript:** -``` +```javascript $(function () { $("#chart").igPieChart({ dataSource: data, @@ -86,7 +86,7 @@ The events that end in “Changing” are cancelable events which means you can **In Javascript:** -``` +```javascript $(function () { $("#chart").igPieChart({ dataSource: data, diff --git a/docs/jquery/src/content/en/topics/controls/igtreegrid/overview.mdx b/docs/jquery/src/content/en/topics/controls/igtreegrid/overview.mdx index 1a98f554cb..39cba255f6 100644 --- a/docs/jquery/src/content/en/topics/controls/igtreegrid/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtreegrid/overview.mdx @@ -472,7 +472,7 @@ Add reference to the jQuery, jQueryUI and the IgniteUI scripts and css classes: **In C#:** -``` +```csharp @(Html.Infragistics().TreeGrid(Model) .ID("treegrid1") .Width("100%") diff --git a/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/using-server-side-events.mdx b/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/using-server-side-events.mdx index 2adc1b09be..ce4a12332b 100644 --- a/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/using-server-side-events.mdx +++ b/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/using-server-side-events.mdx @@ -66,7 +66,7 @@ To add a custom message you can use the `UploadStarting`, `UploadFinishing` and **In C#** -``` +```csharp public static void igUpload_UploadStarting(object sender, Infragistics.Web.Mvc.UploadStartingEventArgs e){ e.ServerMessage = "Upload of " + e.FileName + " started."; } @@ -83,7 +83,7 @@ This value can then be retrieved on the client-side on the related client-side e **In JavaScript:** -``` +```javascript $(function(){ $("#upload1").on("iguploadfileuploading", function (evt, ui) { alert(ui.fileInfo.serverMessage); @@ -104,7 +104,7 @@ In order to add additional data to the request you can use the $(Html.Infragistics()