You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/form-designer/create-programmatically">Create form fields programmatically</a></li>
195
-
<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/form-designer/create-with-user-interface-interaction">Create form fields with UI interaction</a></li>
Copy file name to clipboardExpand all lines: Document-Processing/Excel/Spreadsheet/Angular/cell-range.md
+24-24Lines changed: 24 additions & 24 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -13,19 +13,19 @@ A group of cells in a sheet is known as cell range.
13
13
14
14
## Wrap text
15
15
16
-
Wrap text allows you to display large content as multiple lines in a single cell. By default, the wrap text support is enabled. Use the [`allowWrap`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowwrap) property to enable or disable the wrap text support in spreadsheet.
16
+
Wrap text allows you to display large content as multiple lines in a single cell. By default, the wrap text support is enabled. Use the [`allowWrap`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowwrap) property to enable or disable the wrap text support in spreadsheet.
17
17
18
18
Wrap text can be applied or removed to a cell or range of cells in the following ways,
19
19
20
20
* Using the `wrap` property in `cell`, you can enable or disable wrap text to a cell at initial load.
21
21
* Select or deselect wrap button from ribbon toolbar to apply or remove the wrap text to the selected range.
22
-
* Using the [`wrap`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#wrap) method, you can apply or remove the wrap text once the component is loaded.
22
+
* Using the [`wrap`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#wrap) method, you can apply or remove the wrap text once the component is loaded.
23
23
24
24
The following code example shows the wrap text functionality in spreadsheet.
25
25
26
26
{% tabs %}
27
-
{% highlight ts tabtitle="app.component.ts" %}
28
-
{% include code-snippet/spreadsheet/angular/wrap-text-cs1/src/app.component.ts %}
27
+
{% highlight ts tabtitle="app.ts" %}
28
+
{% include code-snippet/spreadsheet/angular/wrap-text-cs1/src/app.ts %}
29
29
{% endhighlight %}
30
30
31
31
{% highlight ts tabtitle="main.ts" %}
@@ -44,13 +44,13 @@ The following features have some limitations in wrap text:
44
44
45
45
## Merge cells
46
46
47
-
Merge cells allows users to span two or more cells in the same row or column into a single cell. When cells with multiple values are merged, top-left most cell data will be the data for the merged cell. By default, the merge cells option is enabled. Use [`allowMerge`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowmerge) property to enable or disable the merge cells option in spreadsheet.
47
+
Merge cells allows users to span two or more cells in the same row or column into a single cell. When cells with multiple values are merged, top-left most cell data will be the data for the merged cell. By default, the merge cells option is enabled. Use [`allowMerge`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowmerge) property to enable or disable the merge cells option in spreadsheet.
48
48
49
49
You can merge the range of cells in the following ways,
50
50
51
51
* Set the `rowSpan` and `colSpan` property in `cell` to merge the number of cells at initial load.
52
52
* Select the range of cells and apply merge by selecting the desired option from ribbon toolbar.
53
-
* Use [`merge`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#merge) method to merge the range of cells, once the component is loaded.
53
+
* Use [`merge`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#merge) method to merge the range of cells, once the component is loaded.
54
54
55
55
The available merge options in spreadsheet are,
56
56
@@ -64,8 +64,8 @@ The available merge options in spreadsheet are,
64
64
The following code example shows the merge cells operation in spreadsheet.
65
65
66
66
{% tabs %}
67
-
{% highlight ts tabtitle="app.component.ts" %}
68
-
{% include code-snippet/spreadsheet/angular/merge-cells-cs1/src/app.component.ts %}
67
+
{% highlight ts tabtitle="app.ts" %}
68
+
{% include code-snippet/spreadsheet/angular/merge-cells-cs1/src/app.ts %}
69
69
{% endhighlight %}
70
70
71
71
{% highlight ts tabtitle="main.ts" %}
@@ -84,7 +84,7 @@ The following features have some limitations in Merge:
84
84
85
85
## Data Validation
86
86
87
-
Data Validation is used to restrict the user from entering the invalid data. You can use the [`allowDataValidation`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#allowdatavalidation) property to enable or disable data validation.
87
+
Data Validation is used to restrict the user from entering the invalid data. You can use the [`allowDataValidation`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#allowdatavalidation) property to enable or disable data validation.
88
88
89
89
> * The default value for `allowDataValidation` property is `true`.
90
90
@@ -95,7 +95,7 @@ You can apply data validation to restrict the type of data or the values that us
95
95
You can apply data validation by using one of the following ways,
96
96
97
97
* Select the Data tab in the Ribbon toolbar, and then choose the Data Validation item.
98
-
* Use the [`addDataValidation()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#adddatavalidation) method programmatically.
98
+
* Use the [`addDataValidation()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#adddatavalidation) method programmatically.
99
99
100
100
### Clear Validation
101
101
@@ -104,7 +104,7 @@ Clear validation feature is used to remove data validations from the specified r
104
104
You can clear data validation rule by one of the following ways,
105
105
106
106
* Select the Data tab in the Ribbon toolbar, and then choose the Clear Validation item.
107
-
* Use the [`removeDataValidation()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#removedatavalidation) method programmatically.
107
+
* Use the [`removeDataValidation()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#removedatavalidation) method programmatically.
108
108
109
109
### Highlight Invalid Data
110
110
@@ -113,7 +113,7 @@ Highlight invalid data feature is used to highlight the previously entered inval
113
113
You can highlight an invalid data by using one of the following ways,
114
114
115
115
* Select the Data tab in the Ribbon toolbar, and then choose the Highlight Invalid Data item.
116
-
* Use the [`addInvalidHighlight()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#addinvalidhighlight) method programmatically.
116
+
* Use the [`addInvalidHighlight()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#addinvalidhighlight) method programmatically.
117
117
118
118
### Clear Highlighted Invalid Data
119
119
@@ -122,11 +122,11 @@ Clear highlight feature is used to remove the highlight from invalid cells.
122
122
You can clear the highlighted invalid data by using the following ways,
123
123
124
124
* Select the Data tab in the Ribbon toolbar, and then choose the Clear Highlight item.
125
-
* Use the [`removeInvalidHighlight()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#removeinvalidhighlight) method programmatically.
125
+
* Use the [`removeInvalidHighlight()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#removeinvalidhighlight) method programmatically.
126
126
127
127
{% tabs %}
128
-
{% highlight ts tabtitle="app.component.ts" %}
129
-
{% include code-snippet/spreadsheet/angular/data-validation-cs1/src/app.component.ts %}
128
+
{% highlight ts tabtitle="app.ts" %}
129
+
{% include code-snippet/spreadsheet/angular/data-validation-cs1/src/app.ts %}
130
130
{% endhighlight %}
131
131
132
132
{% highlight ts tabtitle="main.ts" %}
@@ -149,13 +149,13 @@ When this rule is applied, the Spreadsheet evaluates the entered value against t
149
149
You can apply custom data validation using two methods.
150
150
151
151
* The first is through the Data Validation dialog in the Ribbon toolbar. Navigate to the Data tab, select the Data Validation option, and choose the Custom type from the Allow dropdown menu.
152
-
* The second method is programmatically, using the [`addDataValidation()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#adddatavalidation) method, which allows developers to set custom rules dynamically via code.
152
+
* The second method is programmatically, using the [`addDataValidation()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#adddatavalidation) method, which allows developers to set custom rules dynamically via code.
153
153
154
154
The following code example demonstrates how to add custom data validation with a formula in a Spreadsheet.
155
155
156
156
{% tabs %}
157
-
{% highlight ts tabtitle="app.component.ts" %}
158
-
{% include code-snippet/spreadsheet/angular/data-validation-cs2/src/app.component.ts %}
157
+
{% highlight ts tabtitle="app.ts" %}
158
+
{% include code-snippet/spreadsheet/angular/data-validation-cs2/src/app.ts %}
159
159
{% endhighlight %}
160
160
161
161
{% highlight ts tabtitle="main.ts" %}
@@ -238,8 +238,8 @@ You can do this by one of the following ways,
238
238
In the following sample, you can enable/disable the fill option on the button click event by using the `showFillOptions` property in `autoFillSettings`.
239
239
240
240
{% tabs %}
241
-
{% highlight ts tabtitle="app.component.ts" %}
242
-
{% include code-snippet/spreadsheet/angular/autofill-cs1/src/app.component.ts %}
241
+
{% highlight ts tabtitle="app.ts" %}
242
+
{% include code-snippet/spreadsheet/angular/autofill-cs1/src/app.ts %}
243
243
{% endhighlight %}
244
244
245
245
{% highlight ts tabtitle="main.ts" %}
@@ -265,7 +265,7 @@ Clear feature helps you to clear the cell contents (formulas and data), formats
265
265
You can apply clear feature by using one of the following ways,
266
266
267
267
* Select the clear icon in the Ribbon toolbar under the Home Tab.
268
-
* Using the [`clear()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#clear) method to clear the values.
268
+
* Using the [`clear()`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#clear) method to clear the values.
269
269
270
270
Clear has the following types in the spreadsheet,
271
271
@@ -278,11 +278,11 @@ Clear has the following types in the spreadsheet,
278
278
279
279
### Methods
280
280
281
-
Clear the cell contents and formats in the Spreadsheet document by using the [clear](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#clear) method. The [clear](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#clear) method has `type` and `range` as parameters. The following code example shows how to clear the cell contents and formats in the button click event.
281
+
Clear the cell contents and formats in the Spreadsheet document by using the [clear](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#clear) method. The [clear](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#clear) method has `type` and `range` as parameters. The following code example shows how to clear the cell contents and formats in the button click event.
282
282
283
283
{% tabs %}
284
-
{% highlight ts tabtitle="app.component.ts" %}
285
-
{% include code-snippet/spreadsheet/angular/clear-cs1/src/app.component.ts %}
284
+
{% highlight ts tabtitle="app.ts" %}
285
+
{% include code-snippet/spreadsheet/angular/clear-cs1/src/app.ts %}
Copy file name to clipboardExpand all lines: Document-Processing/Excel/Spreadsheet/Angular/clipboard.md
+9-9Lines changed: 9 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,7 +9,7 @@ documentation: ug
9
9
10
10
# Clipboard in Angular Spreadsheet component
11
11
12
-
The Spreadsheet provides support for the clipboard operations (cut, copy, and paste). Clipboard operations can be enabled or disabled by setting the [`enableClipboard`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#enableclipboard) property in Spreadsheet.
12
+
The Spreadsheet provides support for the clipboard operations (cut, copy, and paste). Clipboard operations can be enabled or disabled by setting the [`enableClipboard`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#enableclipboard) property in Spreadsheet.
13
13
14
14
> By default, the `enableClipboard` property is true.
15
15
@@ -24,7 +24,7 @@ Cut can be done in one of the following ways.
24
24
* Using Cut button in the Ribbon’s HOME tab to perform cut operation.
* Using the [`paste`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#paste) method.
58
+
* Using the [`paste`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#paste) method.
59
59
60
60
> If you use the Keyboard shortcut key for cut (`Ctrl + X`) | copy (`Ctrl + C`) from other sources, you should use `Ctrl + V` shortcut while pasting into the spreadsheet.
61
61
62
62
{% tabs %}
63
-
{% highlight ts tabtitle="app.component.ts" %}
64
-
{% include code-snippet/spreadsheet/angular/clipboard-cs1/src/app.component.ts %}
63
+
{% highlight ts tabtitle="app.ts" %}
64
+
{% include code-snippet/spreadsheet/angular/clipboard-cs1/src/app.ts %}
65
65
{% endhighlight %}
66
66
67
67
{% highlight ts tabtitle="main.ts" %}
@@ -73,11 +73,11 @@ Paste can be done in one of the following ways.
73
73
74
74
## Prevent the paste functionality
75
75
76
-
The following example shows, how to prevent the paste action in spreadsheet. In [`actionBegin`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/#actionbegin) event, you can set `cancel` argument as false in paste request type.
76
+
The following example shows, how to prevent the paste action in spreadsheet. In [`actionBegin`](https://ej2.syncfusion.com/angular/documentation/api/spreadsheet/index-default#actionbegin) event, you can set `cancel` argument as false in paste request type.
77
77
78
78
{% tabs %}
79
-
{% highlight ts tabtitle="app.component.ts" %}
80
-
{% include code-snippet/spreadsheet/angular/clipboard-cs2/src/app.component.ts %}
79
+
{% highlight ts tabtitle="app.ts" %}
80
+
{% include code-snippet/spreadsheet/angular/clipboard-cs2/src/app.ts %}
Copy file name to clipboardExpand all lines: Document-Processing/Excel/Spreadsheet/Angular/comment.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -174,8 +174,8 @@ You can bind **comment thread** to cells at initial load by providing a `comment
174
174
In the below sample, comments are added to a specific cell using cell data binding. The "Comments" review pane is shown initially by enabling the `showCommentsPane` property, and comments are added using `updateCell` method in the `created` event.
175
175
176
176
{% tabs %}
177
-
{% highlight ts tabtitle="app.component.ts" %}
178
-
{% include code-snippet/spreadsheet/angular/comment-cs1/src/app.component.ts %}
177
+
{% highlight ts tabtitle="app.ts" %}
178
+
{% include code-snippet/spreadsheet/angular/comment-cs1/src/app.ts %}
0 commit comments