diff --git a/en/components/dialog.md b/en/components/dialog.md index f6e4039f48..e7a4a03367 100644 --- a/en/components/dialog.md +++ b/en/components/dialog.md @@ -53,7 +53,7 @@ To add alert, in the template of our email component we can add the following co ```
- +
@@ -78,7 +78,7 @@ To add standard dialog, in the template of our file manager component we can add ```
- +
@@ -119,7 +119,7 @@ Also we can add two groups of label and input decorated with the [**igxLabel**]( ```
- +
diff --git a/en/components/overlay_main.md b/en/components/overlay_main.md index 69d5130878..9b31da32d2 100644 --- a/en/components/overlay_main.md +++ b/en/components/overlay_main.md @@ -211,7 +211,7 @@ export class MyOverlayComponent { Using the [`overlaySettings`]({environment:angularApiUrl}/interfaces/overlaysettings.html) parameter of the [`attach()`] ({environment:angularApiUrl}/classes/igxoverlayservice.html#attach) method, we can change how the content is shown - e.g. where the content is positioned, how the scroll should behave, is the container modal or not
- +
diff --git a/en/components/ripple.md b/en/components/ripple.md index 9f988307ad..c84b0c14c3 100644 --- a/en/components/ripple.md +++ b/en/components/ripple.md @@ -50,8 +50,8 @@ Use [`igxRipple`]({environment:angularApiUrl}/classes/igxrippledirective.html) t ```
-
#### Custom Color @@ -61,8 +61,8 @@ You can set the ripple color using [`igxRipple`]({environment:angularApiUrl}/cla ```
-
#### Centered Ripple Effect The ripple effect starts from the position of the click event. You can change this behavior using [`igxRippleCentered`]({environment:angularApiUrl}/classes/igxrippledirective.html#centered) and setting the center of the element as origin. @@ -71,8 +71,8 @@ The ripple effect starts from the position of the click event. You can change th ```
-
#### Ripple Target Use [`igxRippleTarget`]({environment:angularApiUrl}/classes/igxrippledirective.html#rippletarget) to attach a ripple effect to a specific element inside a parent element. @@ -87,8 +87,8 @@ Use [`igxRippleTarget`]({environment:angularApiUrl}/classes/igxrippledirective.h ``` Notice that if you click on the parent or the child divs the ripple effect will only appear inside the child div. The child div position has to be set to **relative**.
-
#### Ripple Duration Use [`igxRippleDuration`]({environment:angularApiUrl}/classes/igxrippledirective.html#rippleduration) to change the duration of the ripple animation. The default is 600 miliseconds. In this sample the [`igxRippleDuration`]({environment:angularApiUrl}/classes/igxrippledirective.html#rippleduration) is set to 2000 miliseconds. @@ -99,8 +99,8 @@ Use [`igxRippleDuration`]({environment:angularApiUrl}/classes/igxrippledirective
```
-
> [!NOTE] > Use a relatively positioned element for the ripple animation. You can also use [`igxRippleTarget`]({environment:angularApiUrl}/classes/igxrippledirective.html#rippletarget) to target a child element. diff --git a/en/components/slider.md b/en/components/slider.md index 2440a5a155..1d7d7451cc 100644 --- a/en/components/slider.md +++ b/en/components/slider.md @@ -60,7 +60,7 @@ public volume = 20; If the sample is configured properly, dragging the slider thumb should update the label below and the slider value should be limited between the specified minimum and maximum values:
- +
@@ -109,7 +109,7 @@ class Task { If the sample is configured properly, dragging the slider thumb should update the input value and modifying the input value should update the slider value.
- +
@@ -143,7 +143,7 @@ class PriceRange { ```
- +
@@ -158,7 +158,7 @@ In some cases, values near to the minimum and maximum are not appropriate. You c ```
- +
@@ -206,7 +206,7 @@ public updatePriceRange(event) { If the sample is configured properly, the final result should look like that:
- +
diff --git a/en/components/toggle.md b/en/components/toggle.md index 27460f6e2e..1e1370ac92 100644 --- a/en/components/toggle.md +++ b/en/components/toggle.md @@ -77,7 +77,7 @@ export class Class { If all went well, you should see the following in your browser:
- +
@@ -77,7 +77,7 @@ export class AppModule {} ```
- +
@@ -118,7 +118,7 @@ export class AppModule {} ```
- +
diff --git a/jp/components/overlay_main.md b/jp/components/overlay_main.md index 82ef9a1d50..b06dda78f3 100644 --- a/jp/components/overlay_main.md +++ b/jp/components/overlay_main.md @@ -209,7 +209,7 @@ export class MyOverlayComponent { [`attach()`]({environment:angularApiUrl}/classes/igxoverlayservice.html#attach) メソッドの [`overlaySettings`] ({environment:angularApiUrl}/interfaces/overlaysettings.html) パラメーターを使用してコンテンツの表示方法を変更できます。たとえば、コンテンツの配置、スクロールの動作、およびコンテナーがモーダルかどうかを設定できます。
- +
diff --git a/jp/components/ripple.md b/jp/components/ripple.md index 66069a5355..26a25925e0 100644 --- a/jp/components/ripple.md +++ b/jp/components/ripple.md @@ -1,4 +1,4 @@ ---- +--- title: Ripple ディレクティブ _description: Ignite UI for Angular Ripple ディレクティブは、リップル アニメーション エフェクトが適用されている領域を定義できます。 _keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スィート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular Ripple コンポーネント, Angular Ripple コントロール @@ -51,8 +51,8 @@ export class AppModule {} ```
-
#### カスタム色 @@ -63,8 +63,8 @@ export class AppModule {} ```
-
#### 中央揃えのリップル エフェクト @@ -75,8 +75,8 @@ export class AppModule {} ```
-
#### リップルの対象要素 @@ -94,8 +94,8 @@ export class AppModule {} 親 div または子 div をクリックすると、リップル エフェクトは子 div 内のみに表示されます。子 div の要素を **relative** に設定する必要があります。
-
#### リップルの期間 @@ -108,8 +108,8 @@ export class AppModule {} ```
-
> [!NOTE] > リップル アニメーションで相対的な位置を持つ要素を使用します。また、[`igxRippleTarget`]({environment:angularApiUrl}/classes/igxrippledirective.html#rippletarget) を使用して子要素を対象にすることもできます。 diff --git a/jp/components/slider.md b/jp/components/slider.md index 6464afcac1..ccc8f4402f 100644 --- a/jp/components/slider.md +++ b/jp/components/slider.md @@ -1,4 +1,4 @@ ---- +--- title: Slider コンポーネント _description: Ignite UI for Angular Slider コントロールは、ブラウザー間で統一したエクスペリエンスおよび値選択の入力機能を提供します。 _keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スィート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular Slider コンポーネント, Angular Slider コントロール @@ -10,8 +10,8 @@ _language: ja
### Slider デモ -
- +
+
@@ -61,8 +61,8 @@ public volume = 20; サンプルの構成後、スライダーのつまみをドラッグするとラベルを更新しますが、スライダー値は指定した最小値および最大値の間に制限されます。 -
- +
+
@@ -111,8 +111,8 @@ class Task { サンプルを構成した後、スライダーのつまみをドラッグすると入力値を更新し、入力値を変更するとスライダー値を更新します。 -
- +
+
@@ -146,8 +146,8 @@ class PriceRange { ``` -
- +
+
@@ -161,8 +161,8 @@ class PriceRange { ``` -
- +
+
@@ -211,8 +211,8 @@ public updatePriceRange(event) { サンプルを構成した後、結果は以下のようになります。 -
- +
+
diff --git a/jp/components/toggle.md b/jp/components/toggle.md index 9cfa0c1b53..73799698b7 100644 --- a/jp/components/toggle.md +++ b/jp/components/toggle.md @@ -1,4 +1,4 @@ ---- +--- title: Toggle コンポーネント - ネイティブ Angular | Ignite UI for Angular _description: Ignite UI for Angular Toggle ディレクティブを使用すると、トグル コンテナーを開く、操作、アニメーションに適用、および閉じることができます。 _keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スィート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, ネイティブ Angular コンポーネント, Angular Toggle ディレクティブ, Angular Toggle コントロール, Angular Toggle コンポーネント @@ -81,7 +81,7 @@ export class Class { 以下は結果です:
- +
@@ -79,7 +79,7 @@ To add standard dialog, in the template of our file manager component we can add ```
- +
@@ -120,7 +120,7 @@ Also we can add two groups of label and input decorated with the [**igxLabel**]( ```
- +
diff --git a/kr/components/overlay_main.md b/kr/components/overlay_main.md index 9b646bf8c5..c8dea5665c 100644 --- a/kr/components/overlay_main.md +++ b/kr/components/overlay_main.md @@ -188,7 +188,7 @@ export class MyOverlayComponent { Using the [`overlaySettings`] ({environment:angularApiUrl}/interfaces/overlaysettings.html) parameter of the [`show()`] ({environment:angularApiUrl}/classes/igxoverlayservice.html#show) method, we can change how the content is shown - e.g. where the content is positioned, how the scroll should behave, is the container modal or not
- +
diff --git a/kr/components/ripple.md b/kr/components/ripple.md index f117e05c6e..c6c12a76a5 100644 --- a/kr/components/ripple.md +++ b/kr/components/ripple.md @@ -45,8 +45,8 @@ Use [`igxRipple`]({environment:angularApiUrl}/classes/igxrippledirective.html) t ```
-
#### Custom Color @@ -56,8 +56,8 @@ You can set the ripple color using [`igxRipple`]({environment:angularApiUrl}/cla ```
-
#### Centered Ripple Effect The ripple effect starts from the position of the click event. You can change this behavior using [`igxRippleCentered`]({environment:angularApiUrl}/classes/igxrippledirective.html#centered) and setting the center of the element as origin. @@ -66,8 +66,8 @@ The ripple effect starts from the position of the click event. You can change th ```
-
#### Ripple Target Use [`igxRippleTarget`]({environment:angularApiUrl}/classes/igxrippledirective.html#rippletarget) to attach a ripple effect to a specific element inside a parent element. @@ -82,8 +82,8 @@ Use [`igxRippleTarget`]({environment:angularApiUrl}/classes/igxrippledirective.h ``` Notice that if you click on the parent or the child divs the ripple effect will only appear inside the child div. The child div position has to be set to **relative**.
-
#### Ripple Duration Use [`igxRippleDuration`]({environment:angularApiUrl}/classes/igxrippledirective.html#rippleduration) to change the duration of the ripple animation. The default is 600 miliseconds. In this sample the [`igxRippleDuration`]({environment:angularApiUrl}/classes/igxrippledirective.html#rippleduration) is set to 2000 miliseconds. @@ -94,8 +94,8 @@ Use [`igxRippleDuration`]({environment:angularApiUrl}/classes/igxrippledirective
```
-
The [`igxRipple`]({environment:angularApiUrl}/classes/igxrippledirective.html) uses the Web Animation API and runs natively on [browsers that support it.](http://caniuse.com/#feat=web-animation) diff --git a/kr/components/slider.md b/kr/components/slider.md index 7cd5acff65..de623221b0 100644 --- a/kr/components/slider.md +++ b/kr/components/slider.md @@ -61,7 +61,7 @@ public volume = 20; If the sample is configured properly, dragging the slider thumb should update the label below and the slider value should be limited between the specified minimum and maximum values:
- +
@@ -110,7 +110,7 @@ class Task { If the sample is configured properly, dragging the slider thumb should update the input value and modifying the input value should update the slider value.
- +
@@ -144,7 +144,7 @@ class PriceRange { ```
- +
@@ -159,7 +159,7 @@ In some cases, values near to the minimum and maximum are not appropriate. You c ```
- +
@@ -207,7 +207,7 @@ public updatePriceRange(event) { If the sample is configured properly, the final result should look like that:
- +
diff --git a/kr/components/toggle.md b/kr/components/toggle.md index 4af686764d..7d0d911aa6 100644 --- a/kr/components/toggle.md +++ b/kr/components/toggle.md @@ -78,7 +78,7 @@ export class Class { If all went well, you should see the following in your browser:
- +