Skip to content

Commit 4d8349a

Browse files
committed
Core formatting
1 parent f79b12a commit 4d8349a

File tree

1 file changed

+16
-7
lines changed

1 file changed

+16
-7
lines changed

knowledge-base/in-place-editor.md

Lines changed: 16 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -71,23 +71,32 @@ Replace `YourAppName` with the actual root namespace of your app.
7171
<p>
7272
This in-place editor component works with multiple value types and nullables
7373
74-
<TelerikInPlaceEditor @bind-Value="@NumericValue" DisplayFormat="C2" Placeholder="Enter Number..." />
74+
<TelerikInPlaceEditor @bind-Value="@NumericValue"
75+
DisplayFormat="C2"
76+
Placeholder="Enter Number..." />
7577
7678
The component can apply custom CSS styles and the icon can be visible only on hover
7779
78-
<TelerikInPlaceEditor @bind-Value="@StringValue" ShowIcon="@InPlaceEditorShowIcon.Hover" Class="primary-color" />
80+
<TelerikInPlaceEditor @bind-Value="@StringValue"
81+
Class="primary-color"
82+
ShowIcon="@InPlaceEditorShowIcon.Hover" />
7983
8084
(unless the value is empty) or hidden at all times
8185
82-
<TelerikInPlaceEditor @bind-Value="@DateValue" DisplayFormat="d" ShowIcon="@InPlaceEditorShowIcon.Never" Class="primary-color" />
86+
<TelerikInPlaceEditor @bind-Value="@DateValue"
87+
Class="primary-color"
88+
DisplayFormat="d"
89+
ShowIcon="@InPlaceEditorShowIcon.Never" />
8390
8491
The editor width is calculated automatically if not set
8592
86-
<TelerikInPlaceEditor @bind-Value="@TimeValue" DisplayFormat="HH:mm" />
93+
<TelerikInPlaceEditor @bind-Value="@TimeValue"
94+
DisplayFormat="HH:mm" />
8795
8896
You can even edit booleans
8997
90-
<TelerikInPlaceEditor @bind-Value="@BoolValue" Class="primary-color" />
98+
<TelerikInPlaceEditor @bind-Value="@BoolValue"
99+
Class="primary-color" />
91100
</p>
92101
93102
<h2>Configuration</h2>
@@ -225,7 +234,7 @@ Replace `YourAppName` with the actual root namespace of your app.
225234
226235
@typeparam T
227236
228-
<span class="@ClassToApply">
237+
<span class="@ClassToRender">
229238
@if (IsInEditMode)
230239
{
231240
switch (ValueEditorType)
@@ -399,7 +408,7 @@ Replace `YourAppName` with the actual root namespace of your app.
399408
400409
private bool ShouldRenderEditIcon => ShowIcon != InPlaceEditorShowIcon.Never || GetFormattedValue().Length == 0;
401410
402-
private string ClassToApply => string.Format("{0} {1}", InPlaceEditorClass, Class);
411+
private string ClassToRender => string.Format("{0} {1}", InPlaceEditorClass, Class);
403412
404413
private string IconClass => ShowIcon == InPlaceEditorShowIcon.Hover && GetFormattedValue().Length > 0 ? IconHoverableClass : string.Empty;
405414

0 commit comments

Comments
 (0)