Skip to content

DOCINFRA-2341_merged_using_automation #345

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.

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

Merged
merged 3 commits into from
Jan 26, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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: 6 additions & 6 deletions angular/RichTextEditor/Getting-Started.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
title: Getting Started for Angular RichTextEditor | Syncfusion
description: How to create a RichTextEditor control.
title: Getting Started with Angular RichTextEditor | Syncfusion
description: Learn here all about getting started with Syncfusion Essentia Angular RichTextEditor control, it's elements and more details.
platform: Angular
control: RTE
documentation: Ug
keywords: ejrte, rte, js rte
---

# Getting started
# Getting started with Angular RichTextEditor

This section helps to understand the getting started of RTE control with the step-by-step instruction.

Expand Down Expand Up @@ -62,7 +62,7 @@ export class AppComponent {

Now, the RTE is rendered.

![RTE](Getting-Started_images/Getting-Started_img1.png)
![Angular RTE.](Getting-Started_images/angular-rich-text-editor-getting-started.png)

## Toolbar–Configuration

Expand Down Expand Up @@ -93,7 +93,7 @@ export class RatingComponent {

The above code example displays the following output.

![tools](Getting-Started_images/Getting-Started_img2.png)
![Angular RichTextEditor tools.](Getting-Started_images/angular-rich-text-editor-tool.png)

You can set the content of the editor as follows.

Expand Down Expand Up @@ -122,4 +122,4 @@ export class AppComponent {

The following screenshot displays a RTE widget.

![value](Getting-Started_images/Getting-Started_img3.png)
![Angular RichTextEditor value.](Getting-Started_images/angular-rich-text-editor-value.png)
14 changes: 7 additions & 7 deletions angular/ToggleButton/Getting-Started.md
Original file line number Diff line number Diff line change
@@ -1,28 +1,28 @@
---
layout: post
title: Getting-Started
description: getting started
title: Getting Started with Angular ToggleButton Control | Syncfusion
description: Learn here all about getting started with Syncfusion Essential Angular Toggle Button component, it's elements and more details.
platform: Angular
control: Toggle Button
documentation: ug
---

# Getting Started
# Getting Started with Angular Toggle Button

This section explains briefly about how to create a **Toggle Button** in your application.

## Control structure

The HTML checkbox element can be easily configured as **Essential Toggle Button** control. The basic rendering of **Essential Toggle Button** is achieved by using default functionality.

![](/Angular/ToggleButton/Getting-Started_images/Getting-Started_img1.png)
![Getting Started with Angular Toggle Button.](/Angular/ToggleButton/Getting-Started_images/angular-toggle-button-getting-started.png)



![](/Angular/ToggleButton/Getting-Started_images/Getting-Started_img2.png)
![Angular Toggle Button control structure.](/Angular/ToggleButton/Getting-Started_images/angular-toggle-button-structure.png)

## Create a simple Toggle Button in Angular
To get started, you need to refer the basic prerequisites and system configuration to be done from the given [Getting started](https://help.syncfusion.com/angular-2/gettingstarted/overview) document.
To get started, you need to refer the basic prerequisites and system configuration to be done from the given [Getting started](https://help.syncfusion.com/angular/gettingstarted/overview) document.

## Toggle Button Creation

Expand Down Expand Up @@ -104,7 +104,7 @@ export class ToggleButtonComponent {
Output of above steps


![](/Angular/ToggleButton/Getting-Started_images/Getting-Started_img4.png)
![Angular Toggle Button label element.](/Angular/ToggleButton/Getting-Started_images/angular-toggle-button-element.png)