-
Notifications
You must be signed in to change notification settings - Fork 23
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
pipeline
committed
Mar 19, 2024
1 parent
d79b919
commit faaa1ef
Showing
459 changed files
with
12,155 additions
and
7,154 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| # Syncfusion Typescript Control Demo Samples | ||
|
|
||
| Welcome to the demo samples repository for Syncfusion Typescript Controls! This repository contains a collection of sample applications showcasing the usage of various Syncfusion Controls in a Typescript environment. | ||
|
|
||
| ## Prerequisites | ||
|
|
||
| - [Node.js](https://nodejs.org/en) - `v16+` | ||
|
|
||
| ## Run the samples | ||
|
|
||
| To run the sample applications locally, follow these steps | ||
|
|
||
| 1. Install the required dependencies using npm | ||
|
|
||
| ```bash | ||
| npm install | ||
| ``` | ||
|
|
||
| 2. Start the development server using gulp | ||
|
|
||
| ```bash | ||
| gulp serve | ||
| ``` | ||
|
|
||
| 3. Open your web browser and navigate to the specified localhost address to view the samples. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -178,7 +178,7 @@ | |
| "signature", | ||
| "multiline-textbox", | ||
| null, | ||
| "workflow-editor", | ||
| "textarea", | ||
| null | ||
| ] | ||
| } | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,43 @@ | ||
| <div class="col-lg-8 control-section"> | ||
| <div class="control-wrapper"> | ||
| <div id="default" style='padding-top:75px;'> | ||
| <input type="text" id="object" tabindex="1" /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="col-lg-4 property-section"> | ||
| <textarea id="value" title="Properties" style="width: 100%; margin-top:90px; height: 60px;" readonly>Selected value : </textarea> | ||
| </div> | ||
|
|
||
|
|
||
| <div id="action-description"> | ||
| <p>The sample showcases the functionality of object value binding in the AutoComplete component. Users can type | ||
| characters into the AutoComplete field and select an item from the suggestion list. The corresponding object | ||
| value of the selected item is then assigned to the value property. In the property panel, the <code>value</code> property of the selected item's will be displayed.</p> | ||
| </div> | ||
|
|
||
| <div id="description"> | ||
| <p>The <code>AutoComplete</code> component generates a list of suggestions that match the characters typed by the | ||
| user. Users can then select an item from this list. Once an item is selected, its associated object value is | ||
| automatically assigned to the <code>value</code> property. This behavior is enabled by the | ||
| <code>allowObjectBinding</code> property. | ||
| </p> | ||
| </div> | ||
| <!-- custom code start --> | ||
|
|
||
| <style> | ||
| .control-wrapper { | ||
| margin: 0 auto; | ||
| width: 250px; | ||
| } | ||
|
|
||
| .property-section .right-side { | ||
| padding-left: 10px; | ||
| } | ||
|
|
||
| .property-section .left-side { | ||
| padding: 5px; | ||
| width: 25% | ||
| } | ||
| </style> | ||
| <!-- custom code end--> |
Oops, something went wrong.