Skip to content

1041059: Revamped content control UG page with proper details #4534

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
arunesh4965 wants to merge 2 commits into
base: hotfix/hotfix-v34.2.2
Choose a base branch
from
Open

1041059: Revamped content control UG page with proper details #4534

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
a396af3
1041059: Revamped content control UG page with proper details
arunesh4965 Sep 1, 2026
61d5955
1041059: Modified the text contents
arunesh4965 Sep 1, 2026
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
12 changes: 9 additions & 3 deletions Document-Processing/Word/Word-Processor/angular/content-control.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,9 @@ this.container.documentEditor.editor.insertContentControl('Picture', 'data:image

## Import Content Control Properties

Content control properties can be set using the [`ContentControlInfo`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/contentControlInfo) and imported using the [`importContentControlData`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#importcontentcontroldata) method.
Replace an existing content control value with a new value using the [`importContentControlData`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#importcontentcontroldata) method. Pass one or more [`ContentControlInfo`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/contentControlInfo) objects and specify the content control title and content control type to identify the content control and update them with new values.

The following code snippet illustrates how to import the content control properties.

{% highlight ts %}
let data: ContentControlInfo[] = [];
Expand All @@ -81,15 +83,19 @@ this.container.documentEditor.importContentControlData(data);

## Export Content Control Properties

Content control properties can be exported using the [`exportContentControlData`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#exportcontentcontroldata) method.
Retrieve the content controls properties present in a document using [`exportContentControlData`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#exportcontentcontroldata) method. This method returns a collection of [`ContentControlInfo`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/contentControlInfo) objects, allowing you to access properties such as the content control title, type, tag, and value.

The following code snippet illustrates how to export the content control properties.

{% highlight ts %}
let contentControlInfos: ContentControlInfo[] = this.container.documentEditor.exportContentControlData();
{% endhighlight %}

## Reset Content Control

Content control properties can be reset using the [`resetContentControlData`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#resetcontentcontroldata) method.
Restore a content control to its default placeholder text (for example, "Click here or tap to insert text") using the [`resetContentControlData`](https://ej2.syncfusion.com/angular/documentation/api/document-editor#resetcontentcontroldata) method. Pass one or more [`ContentControlInfo`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/contentcontrolinfo) objects and specify the content control title to identify the content controls to reset.

The following code snippet illustrates how to reset the content control properties:

{% highlight ts %}
let data: ContentControlInfo[] = [];
Expand Down
12 changes: 9 additions & 3 deletions Document-Processing/Word/Word-Processor/asp-net-core/content-control.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,9 @@ container.documentEditor.editor.insertContentControl('Picture', 'data:image/png;

## Import content control properties

Content control properties can be set using the `ContentControlInfo` object and imported using the `importContentControlData` method.
Replace an existing content control value with a new value using the `importContentControlData` method. Pass one or more `ContentControlInfo` objects and specify the content control title and content control type to identify the content control and update them with new values.

The following code snippet illustrates how to import the content control properties.

{% highlight ts %}
var data = [];
Expand All @@ -81,15 +83,19 @@ container.documentEditor.importContentControlData(data);

## Export content control properties

Content control properties can be exported using the `exportContentControlData` method.
Retrieve the content controls properties present in a document using `exportContentControlData` method. This method returns a collection of `ContentControlInfo` objects, allowing you to access properties such as the content control title, type, tag, and value.

The following code snippet illustrates how to export the content control properties.

{% highlight ts %}
var contentControlInfos = container.documentEditor.exportContentControlData();
{% endhighlight %}

## Reset content control

Content control properties can be reset using the `resetContentControlData` method.
Restore a content control to its default placeholder text (for example, "Click here or tap to insert text") using the `resetContentControlData` method. Pass one or more `ContentControlInfo` objects and specify the content control title to identify the content controls to reset.

The following code snippet illustrates how to reset the content control properties:

{% highlight ts %}
var data = [];
Expand Down
12 changes: 9 additions & 3 deletions Document-Processing/Word/Word-Processor/asp-net-mvc/content-control.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,9 @@ container.documentEditor.editor.insertContentControl('Picture', 'data:image/png;

## Import content control properties

Content control properties can be set using the `ContentControlInfo` and imported using the `importContentControlData` method.
Replace an existing content control value with a new value using the `importContentControlData` method. Pass one or more `ContentControlInfo` objects and specify the content control title and content control type to identify the content control and update them with new values.

The following code snippet illustrates how to import the content control properties.

{% highlight ts %}
var data = [];
Expand All @@ -81,15 +83,19 @@ container.documentEditor.importContentControlData(data);

## Export content control properties

Content control properties can be exported using the `exportContentControlData` method.
Retrieve the content controls properties present in a document using `exportContentControlData` method. This method returns a collection of `ContentControlInfo` objects, allowing you to access properties such as the content control title, type, tag, and value.

The following code snippet illustrates how to export the content control properties.

{% highlight ts %}
var contentControlInfos = container.documentEditor.exportContentControlData();
{% endhighlight %}

## Reset content control

Content control properties can be reset using the `resetContentControlData` method.
Restore a content control to its default placeholder text (for example, "Click here or tap to insert text") using the `resetContentControlData` method. Pass one or more `ContentControlInfo` objects and specify the content control title to identify the content controls to reset.

The following code snippet illustrates how to reset the content control properties:

{% highlight ts %}
var data = [];
Expand Down
12 changes: 9 additions & 3 deletions Document-Processing/Word/Word-Processor/javascript-es5/content-control.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,9 @@ container.documentEditor.editor.insertContentControl('Picture', 'data:image/png;

## Import content control properties

Content control properties can be set using the [`ContentControlInfo`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/contentControlInfo) and imported using the [`importContentControlData`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor#importcontentcontroldata) method.
Replace an existing content control value with a new value using the [`importContentControlData`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor#importcontentcontroldata) method. Pass one or more [`ContentControlInfo`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/contentControlInfo) objects and specify the content control title and content control type to identify the content control and update them with new values.

The following code snippet illustrates how to import the content control properties.

{% highlight js %}
var data = [];
Expand All @@ -81,15 +83,19 @@ container.documentEditor.importContentControlData(data);

## Export content control properties

Content control properties can be exported using the [`exportContentControlData`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor#exportcontentcontroldata) method.
Retrieve the content controls properties present in a document using [`exportContentControlData`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor#exportcontentcontroldata) method. This method returns a collection of [`ContentControlInfo`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/contentControlInfo) objects, allowing you to access properties such as the content control title, type, tag, and value.

The following code snippet illustrates how to export the content control properties.

{% highlight js %}
var contentControlInfos = container.documentEditor.exportContentControlData();
{% endhighlight %}

## Reset content control

Content control properties can be reset using the [`resetContentControlData`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor#resetcontentcontroldata) method.
Restore a content control to its default placeholder text (for example, "Click here or tap to insert text") using the [`resetContentControlData`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor#resetcontentcontroldata) method. Pass one or more [`ContentControlInfo`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/contentcontrolinfo) objects and specify the content control title to identify the content controls to reset.

The following code snippet illustrates how to reset the content control properties:

{% highlight js %}
var data = [];
Expand Down
12 changes: 9 additions & 3 deletions Document-Processing/Word/Word-Processor/javascript-es6/content-control.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,9 @@ container.documentEditor.editor.insertContentControl('Picture', 'data:image/png;

## Import content control properties

Content control properties can be set using the [`ContentControlInfo`](https://ej2.syncfusion.com/documentation/api/document-editor#importContentControlData) and imported using [`importContentControlData`](https://ej2.syncfusion.com/documentation/api/document-editor#importContentControlData).
Replace an existing content control value with a new value using the [`importContentControlData`](https://ej2.syncfusion.com/documentation/api/document-editor#importContentControlData) method. Pass one or more [`ContentControlInfo`](https://ej2.syncfusion.com/documentation/api/document-editor#importContentControlData) objects and specify the content control title and content control type to identify the content control and update them with new values.

The following code snippet illustrates how to import the content control properties.

{% highlight ts %}
let data: ContentControlInfo[] = [];
Expand All @@ -81,15 +83,19 @@ container.documentEditor.importContentControlData(data);

## Export content control properties

Content control properties can be exported using the [`exportContentControlData`](https://ej2.syncfusion.com/documentation/api/document-editor#exportContentControlData).
Retrieve the content controls properties present in a document using [`exportContentControlData`](https://ej2.syncfusion.com/documentation/api/document-editor#exportContentControlData) method. This method returns a collection of [`ContentControlInfo`](https://ej2.syncfusion.com/documentation/api/document-editor#importContentControlData) objects, allowing you to access properties such as the content control title, type, tag, and value.

The following code snippet illustrates how to export the content control properties.

{% highlight ts %}
let contentControlInfos: ContentControlInfo[] = container.documentEditor.exportContentControlData();
{% endhighlight %}

## Reset content control properties

Content control properties can be reset using the [`resetContentControlData`](https://ej2.syncfusion.com/documentation/api/document-editor#resetcontentcontroldata).
Restore a content control to its default placeholder text (for example, "Click here or tap to insert text") using the [`resetContentControlData`](https://ej2.syncfusion.com/documentation/api/document-editor#resetcontentcontroldata) method. Pass one or more [`ContentControlInfo`](https://ej2.syncfusion.com/documentation/api/document-editor/contentcontrolinfo) objects and specify the content control title to identify the content controls to reset.

The following code snippet illustrates how to reset the content control properties:


{% highlight ts %}
Expand Down
12 changes: 9 additions & 3 deletions Document-Processing/Word/Word-Processor/react/content-control.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,9 @@ this.container.documentEditor.editor.insertContentControl('Picture', 'data:image

## Import Content Control Properties

Content control properties can be set using the [`ContentControlInfo`](https://ej2.syncfusion.com/react/documentation/api/document-editor/contentControlInfo) and imported using the [`importContentControlData`](https://ej2.syncfusion.com/react/documentation/api/document-editor#importcontentcontroldata) method.
Replace an existing content control value with a new value using the [`importContentControlData`](https://ej2.syncfusion.com/react/documentation/api/document-editor#importcontentcontroldata) method. Pass one or more [`ContentControlInfo`](https://ej2.syncfusion.com/react/documentation/api/document-editor/contentControlInfo) objects and specify the content control title and content control type to identify the content control and update them with new values.

The following code snippet illustrates how to import the content control properties.

{% highlight ts %}
let data: ContentControlInfo[] = [];
Expand All @@ -81,15 +83,19 @@ this.container.documentEditor.importContentControlData(data);

## Export Content Control Properties

Content control properties can be exported using the [`exportContentControlData`](https://ej2.syncfusion.com/react/documentation/api/document-editor#exportcontentcontroldata) method.
Retrieve the content controls properties present in a document using [`exportContentControlData`](https://ej2.syncfusion.com/react/documentation/api/document-editor#exportcontentcontroldata) method. This method returns a collection of [`ContentControlInfo`](https://ej2.syncfusion.com/react/documentation/api/document-editor/contentControlInfo) objects, allowing you to access properties such as the content control title, type, tag, and value.

The following code snippet illustrates how to export the content control properties.

{% highlight ts %}
let contentControlInfos: ContentControlInfo[] = this.container.documentEditor.exportContentControlData();
{% endhighlight %}

## Reset Content Control

Content control properties can be reset using the [`resetContentControlData`](https://ej2.syncfusion.com/react/documentation/api/document-editor#resetcontentcontroldata) method.
Restore a content control to its default placeholder text (for example, "Click here or tap to insert text") using the [`resetContentControlData`](https://ej2.syncfusion.com/react/documentation/api/document-editor#resetcontentcontroldata) method. Pass one or more [`ContentControlInfo`](https://ej2.syncfusion.com/react/documentation/api/document-editor/contentcontrolinfo) objects and specify the content control title to identify the content controls to reset.

The following code snippet illustrates how to reset the content control properties:

{% highlight ts %}
let data: ContentControlInfo[] = [];
Expand Down
12 changes: 9 additions & 3 deletions Document-Processing/Word/Word-Processor/vue/content-control.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,9 @@ this.$refs.container.ej2Instances.documentEditor.editor.insertContentControl('Pi

## Import content control properties

Content control properties can be set using the [`ContentControlInfo`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/contentControlInfo) and import it using [`importContentControlData`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#importcontentcontroldata). Use this to apply property values to existing content controls in the document.
Replace an existing content control value with a new value using the [`importContentControlData`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#importcontentcontroldata) method. Pass one or more [`ContentControlInfo`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/contentControlInfo) objects and specify the content control title and content control type to identify the content control and update them with new values.

The following code snippet illustrates how to import the content control properties.

{% highlight ts %}
var data = [];
Expand All @@ -80,15 +82,19 @@ this.$refs.container.ej2Instances.documentEditor.importContentControlData(data);

## Export content control properties

Content control properties can be exported using the [`exportContentControlData`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#exportcontentcontroldata).
Retrieve the content controls properties present in a document using [`exportContentControlData`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#exportcontentcontroldata) method. This method returns a collection of [`ContentControlInfo`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/contentControlInfo) objects, allowing you to access properties such as the content control title, type, tag, and value.

The following code snippet illustrates how to export the content control properties.

{% highlight ts %}
var contentControlInfos = this.$refs.container.ej2Instances.documentEditor.exportContentControlData();
{% endhighlight %}

## Reset content control

Content control properties can be reset using the [`resetContentControlData`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#resetcontentcontroldata). Use this to revert content controls back to their default property values and clear any previously imported or edited values.
Restore a content control to its default placeholder text (for example, "Click here or tap to insert text") using the [`resetContentControlData`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#resetcontentcontroldata) method. Pass one or more [`ContentControlInfo`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/contentcontrolinfo) objects and specify the content control title to identify the content controls to reset.

The following code snippet illustrates how to reset the content control properties:

{% highlight ts %}
var data = [];
Expand Down