Skip to content

SEO-172844-WPF-weblink-validatetor-image- #710

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

Merged
Aishwarya-Ganesan merged 7 commits into from
Jul 19, 2023
Merged

SEO-172844-WPF-weblink-validatetor-image- #710

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
8db7ae8
SEO-172844-WPF-weblink-validatetor-image-
Edithabich Jun 16, 2023
9072d16
Updated image names in folder
Edithabich Jun 20, 2023
b30b344
resolved
Edithabich Jun 27, 2023
a9fda10
updated
Edithabich Jun 27, 2023
c7be720
updated
Edithabich Jun 27, 2023
5fe3a3a
updated
Edithabich Jun 27, 2023
1ae57a1
updated
Edithabich Jul 6, 2023
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
2 changes: 1 addition & 1 deletion wpf/Color-Picker/Overview.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ documentation: ug

WPF [ColorPicker](https://www.syncfusion.com/wpf-ui-controls/colorpicker ) is an user interface to select and adjust color values. This supports various color specifications like RGB (Red Green Blue), HSV (Hue Saturation Value), and Hex codes.

![Syncfusion WPF ColorPicker-ColorEdit](Getting-Started_images/ColorEdit_Overview.png)
![Syncfusion WPF Color Picker](getting-started_images/wpf-color-picker-overview.png)

This section also discusses the WPF `ColorEdit` control, which is similar to the `ColorPicker`.

Expand Down
18 changes: 9 additions & 9 deletions wpf/Currency-TextBox/Getting-Started.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ You can add the [CurrencyTextBox](https://www.syncfusion.com/wpf-ui-controls/cur

* Syncfusion.Shared.WPF

![Dragging WPF CurrencyTextBox Control from Toolbox to Designer](Getting-Started_images/wpf-currency-textbox-toolbox.png)
![Dragging WPF Currency TextBox Control from Toolbox to Designer](getting-started_images/wpf-currency-textbox-toolbox.png)

## Adding WPF CurrencyTextBox via XAML

Expand Down Expand Up @@ -99,7 +99,7 @@ this.Content = currencyTextBox;
{% endcapture %}
{{ codesnippet3 | OrderList_Indent_Level_1 }}

![WPF CurrencyTextBox Control](Getting-Started_images/wpf-currency-textbox-control.png)
![WPF Currency TextBox Control](getting-started_images/wpf-currency-textbox-control.png)

## Setting Value

Expand All @@ -121,7 +121,7 @@ currencyTextBox.Value = 100;
{% endhighlight %}
{% endtabs %}

![WPF CurrencyTextBox diplays Value](Getting-Started_images/wpf-currency-textbox-value.png)
![WPF Currency TextBox diplays Value](getting-started_images/wpf-currency-textbox-value.png)

N> Do not use the [Text](https://docs.microsoft.com/en-us/dotnet/api/system.windows.controls.textbox.text?redirectedfrom=MSDN&view=netframework-4.7.2#System_Windows_Controls_TextBox_Text) property to set the value for the CurrencyTextBox. Use only the `Value` property.

Expand Down Expand Up @@ -165,7 +165,7 @@ class ViewModel : NotificationObject
{% endhighlight %}
{% endtabs %}

![WPF CurrencyTextBox displays Binding Value](Getting-Started_images/wpf-currency-textbox-binding-value.png)
![WPF Currency TextBox displays Binding Value](getting-started_images/wpf-currency-textbox-binding-value.png)

## Value Changed Notification

Expand Down Expand Up @@ -223,7 +223,7 @@ currencyTextBox.Value = 455;
{% endhighlight %}
{% endtabs %}

![Restricts Minimum and Maximum Value of WPF CurrencyTextBox](Getting-Started_images/wpf-currency-textbox-max-and-min-value.png)
![Restricts Minimum and Maximum Value of WPF Currency TextBox](getting-started_images/wpf-currency-textbox-max-and-min-value.png)

## Step Interval to increase or decrease the value

Expand All @@ -250,7 +250,7 @@ currencyTextBox.ScrollInterval = 4;
{% endhighlight %}
{% endtabs %}

![WPF CurrencyTextBox displays Incrementing Interval Value](Getting-Started_images/wpf-currency-textbox-step-interval.png)
![WPF Currency TextBox displays Incrementing Interval Value](getting-started_images/wpf-currency-textbox-interval-value.png)

## Formatting the value

Expand Down Expand Up @@ -283,7 +283,7 @@ currencyTextBox.NumberFormat = new NumberFormatInfo()
{% endhighlight %}
{% endtabs %}

![WPF CurrencyTextBox with Formatting](Getting-Started_images/wpf-currency-textbox-number-format.png)
![WPF Currency TextBox with Formatting](getting-started_images/wpf-currency-textbox-formatting.png)

## Setting the Culture

Expand All @@ -306,7 +306,7 @@ currencyTextBox.Culture = new System.Globalization.CultureInfo("en-US");
{% endhighlight %}
{%endtabs%}

![WPF CurrencyTextBox with Culture](Getting-Started_images/wpf-currency-textbox-culture.png)
![WPF Currency TextBox with Culture](getting-started_images/wpf-currency-textbox-culture.png)

N> When you use both `NumberFormat` and `Culture`, the `NumberFormat` will have a higher priority.

Expand All @@ -318,4 +318,4 @@ CurrencyTextBox supports various built-in themes. Refer to the below links to ap

* [Create a custom theme using ThemeStudio](https://help.syncfusion.com/wpf/themes/theme-studio#creating-custom-theme)

![Applying Theme to WPF CurrencyTextBox](Getting-Started_images/wpf-currency-textbox-theme.png)
![Applying Theme to WPF Currency TextBox](getting-started_images/wpf-currency-textbox-theme.png)
4 changes: 2 additions & 2 deletions wpf/Currency-TextBox/Overview.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,9 +13,9 @@ The [CurrencyTextBox](https://www.syncfusion.com/wpf-ui-controls/currency-textbo

## Control structure

![WPF CurrencyTextBox](Getting-Started_images/wpf-currency-textbox.png)
![WPF Currency TextBox](getting-started_images/wpf-currency-textbox-control-structure.png)

![WPF CurrencyTextBox with Watermark Text](Getting-Started_images/wpf-currency-textbox-watermark.png)
![WPF Currency TextBox with Watermark Text](getting-started_images/wpf-currency-textbox-watermark.png)

## Features

Expand Down
16 changes: 8 additions & 8 deletions wpf/DataGrid/Columns.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -452,7 +452,7 @@ void dataGrid_AutoGeneratingColumn(object sender, AutoGeneratingColumnArgs e)

Below screenshot shows the customized header template loaded on the header of OrderID column.

![WPF DataGrid Loaded with Customized Header Template](Columns_images/wpf-datagrid-header-template.png)
![WPF DataGrid Loaded with Customized Header Template](columns_images/wpf-datagrid-header-template.png)

#### Data Annotations with AutoGenerateColumns

Expand Down Expand Up @@ -547,7 +547,7 @@ public string CustomerID

The OrderID and CustomerID column rearranged based on specified order.

![Changing Columns Order in WPF DataGrid](Columns_images/wpf-datagrid-columns-order.png)
![Changing Columns Order in WPF DataGrid](columns_images/wpf-datagrid-columns-order.png)

##### DataGrid column formatting

Expand Down Expand Up @@ -605,7 +605,7 @@ public DateTime OrderDate

N> The `DataFormatString` attribute will be considered only when the column is auto-generated.

![WPF DataGrid with Columns Formatting](Columns_images/wpf-datagrid-columns-formatting.png)
![WPF DataGrid with Columns Formatting](columns_images/wpf-datagrid-columns-formatting.png)

### Manually defining columns

Expand Down Expand Up @@ -716,13 +716,13 @@ N> Resizing considers MinWidth and MaxWidth of column.

You can change the column width by clicking and dragging the resizing cursor at the edge of column header. The resizing cursor appears when you hover the grid line exists between two columns.

![Column Resizing in WPF DataGrid](Columns_images/wpf-datagrid-resize-column.png)
![Column Resizing in WPF DataGrid](columns_images/wpf-datagrid-resize-column.png)

### Hidden column resizing

SfDataGrid shows indication for hidden columns in column header and also allows end-users to resize the hidden columns when setting [SfDataGrid.AllowResizingHiddenColumns](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfGridBase.html#Syncfusion_UI_Xaml_Grid_SfGridBase_AllowResizingHiddenColumns) property to `true`.

![Resizing Hidden Column in WPF DataGrid](Columns_images/wpf-datagrid-resize-hidden-column.png)
![Resizing Hidden Column in WPF DataGrid](columns_images/wpf-datagrid-resize-hidden-column.png)

### Disable resizing

Expand Down Expand Up @@ -773,7 +773,7 @@ You can allow end-users to rearrange the columns by drag and drop the column hea
{% endhighlight %}
{% endtabs %}

![Drag and Drop Column in WPF DataGrid](Columns_images/wpf-datagrid-drag-and-drop-columns.png)
![Drag and Drop Column in WPF DataGrid](columns_images/wpf-datagrid-drag-and-drop-columns.png)

You can enable or disable dragging on particular column using [GridColumn.AllowDragging](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.GridColumn.html#Syncfusion_UI_Xaml_Grid_GridColumn_AllowDragging) property.

Expand Down Expand Up @@ -928,7 +928,7 @@ You can freeze the columns in view at the left and right side like in excel by s
{% endhighlight %}
{% endtabs %}

![Frezzing Columns in WPF DataGrid](Columns_images/wpf-datagrid-freezing-column.png)
![Frezzing Columns in WPF DataGrid](columns_images/wpf-datagrid-freezing.png)

### Limitations

Expand Down Expand Up @@ -971,5 +971,5 @@ Below code, binds the `ViewModel.AllowFiltering` property to `GridColumn.AllowFi
{% endhighlight %}
{% endtabs %}

![WPF DataGrid Column with Data Binding](Columns_images/wpf-datagrid-binding-column.png)
![WPF DataGrid Column with Data Binding](columns_images/wpf-datagrid-data-binding-columns.png)

2 changes: 1 addition & 1 deletion wpf/DataGrid/Data-Virtualization.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -272,7 +272,7 @@ public class ViewModel : INotifyPropertyChanged
{% endhighlight %}
{% endtabs %}

![WPF DataGrid displays Incremental Data Loading](Data-Virtualization_images/wpf-datagrid-loading-data.png)
![WPF DataGrid displays Incremental Data Loading](data-virtualization_images/wpf-datagrid-loading-data.png)

You can download the sample from [here](https://www.syncfusion.com/downloads/support/directtrac/general/ze/IncrementalLoading_Animation-1160118925.zip).

Expand Down
4 changes: 2 additions & 2 deletions wpf/DataGrid/Editing.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ dataGrid.Columns["OrderID"].AllowEditing = true;

N> [GridColumn.AllowEditing](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.GridColumnBase.html#Syncfusion_UI_Xaml_Grid_GridColumnBase_AllowEditing) takes higher priority than [SfDataGrid.AllowEditing](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfGridBase.html#Syncfusion_UI_Xaml_Grid_SfGridBase_AllowEditing).

![WPF DataGrid Cell Editing](Editing_images/wpf-datagrid-cell-editing.jpeg)
![WPF DataGrid Cell Editing](editing_images/wpf-datagrid-cell-editing.jpeg)


N> It is mandatory to set the [NavigationMode](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfGridBase.html#Syncfusion_UI_Xaml_Grid_SfGridBase_NavigationMode) to Cell to enable [CurrentCell](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.GridCurrentCellManager.html#Syncfusion_UI_Xaml_Grid_GridCurrentCellManager_CurrentCell) navigation and editing.
Expand Down Expand Up @@ -637,7 +637,7 @@ public class CellStyleSelector : StyleSelector
{% endhighlight %}
{% endtabs %}

![Changing Foreground of Edited Cells in WPF DataGrid](Editing_images/wpf-datagrid-edited-cells.jpeg)
![Changing Foreground of Edited Cells in WPF DataGrid](editing_images/wpf-datagrid-edited-cells.jpeg)


### Allow editing when pressing minus key
Expand Down
32 changes: 16 additions & 16 deletions wpf/DataGrid/Export-To-Excel.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ workBook.SaveAs("Sample.xlsx");
{% endhighlight %}
{% endtabs %}

![Exporting to Excel with Outlines for Groups in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-export-to-excel.png)
![Exporting to Excel with Outlines for Groups in WPF DataGrid](export-to-excel_images/wpf-datagrid-export-to-excel.png)

### Exclude columns while exporting

Expand Down Expand Up @@ -155,7 +155,7 @@ workBook.SaveAs("Sample.xlsx");
{% endhighlight %}
{% endtabs %}

![Exporting to Excel with Custom Row and Column Index in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-export-with-row-column-index.png)
![Exporting to Excel with Custom Row and Column Index in WPF DataGrid](export-to-excel_images/wpf-datagrid-export-with-row-column-index.png)

## Saving options

Expand Down Expand Up @@ -253,7 +253,7 @@ window1.Show();
{% endhighlight %}
{% endtabs %}

![Exported Excel without Saving in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-export-excel-without-saving.png)
![Exported Excel without Saving in WPF DataGrid](export-to-excel_images/wpf-datagrid-export-excel-without-saving.png)

## Export DataGrid pages to Excel

Expand Down Expand Up @@ -299,7 +299,7 @@ workBook.SaveAs("Sample.xlsx");
{% endhighlight %}
{% endtabs %}

![Exporting Selected Items only to Excel in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-export-selected-item.png)
![Exporting Selected Items only to Excel in WPF DataGrid](export-to-excel_images/wpf-datagrid-export-selected-item.png)

## Export DataGrid to HTML

Expand Down Expand Up @@ -453,7 +453,7 @@ private static void ExportingHandler(object sender, GridExcelExportingEventArgs
{% endhighlight %}
{% endtabs %}

![WPF DataGrid displays Customized Cell Style based on CellType in Exported Excel](Export-to-Excel_images/wpf-datagrid-cell-style-customization.png)
![WPF DataGrid displays Customized Cell Style based on CellType in Exported Excel](export-to-excel_images/wpf-datagrid-cell-style-customization.png)

## Cell customization in Excel while exporting

Expand Down Expand Up @@ -492,7 +492,7 @@ private static void CellExportingHandler(object sender, GridCellExcelExportingEv
{% endhighlight %}
{% endtabs %}

![Customizing Cell Values while Exporting to Excel in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-cell-value-customization.png)
![Customizing Cell Values while Exporting to Excel in WPF DataGrid](export-to-excel_images/wpf-datagrid-cell-value-customization.png)

Here, cell values are changed for `IsClosed` column based on custom condition.

Expand Down Expand Up @@ -524,7 +524,7 @@ private static void CellExportingHandler(object sender, GridCellExcelExportingEv
{% endhighlight %}
{% endtabs %}

![Customizing Row Style based on Data while Exporting to Excel in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-row-style-customization.png)
![Customizing Row Style based on Data while Exporting to Excel in WPF DataGrid](export-to-excel_images/wpf-datagrid-row-style-customization.png)

Here, records having the `Country` name as `Mexico` are customized.

Expand Down Expand Up @@ -553,7 +553,7 @@ private static void CellExportingHandler(object sender, GridCellExcelExportingEv
{% endhighlight %}
{% endtabs %}

![Customizing Cell Values based on Column name while Exporting to Excel in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-export-cell-value-based-on-column.png)
![Customizing Cell Values based on Column name while Exporting to Excel in WPF DataGrid](export-to-excel_images/wpf-datagrid-export-cell-value-based-on-column.png)

Here, `OrderID` column cells are customized while exporting.

Expand Down Expand Up @@ -608,7 +608,7 @@ workBook.SaveAs("Sample.xlsx");
{% endhighlight %}
{% endtabs %}

![Changing Border Style in Exported Excel for WPF DataGrid](Export-to-Excel_images/wpf-datagrid-change-border-style.png)
![Changing Border Style in Exported Excel for WPF DataGrid](export-to-excel_images/wpf-datagrid-change-border-style.png)

#### Enabling Filters

Expand All @@ -625,7 +625,7 @@ workBook.SaveAs("Sample.xlsx");
{% endhighlight %}
{% endtabs %}

![Filters on Exported Excel in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-filter-on-exported-excel.png)
![Filters on Exported Excel in WPF DataGrid](export-to-excel_images/wpf-datagrid-filter-on-exported-excel.png)

While using `stacked headers`, you can specify the `range` based on Stacked headers count.

Expand Down Expand Up @@ -660,7 +660,7 @@ workBook.SaveAs("Sample.xlsx");
{% endhighlight %}
{% endtabs %}

![Customizing Range of Cells in Exported Excel for WPF DataGrid](Export-to-Excel_images/wpf-datagrid-range-of-cells-customization.png)
![Customizing Range of Cells in Exported Excel for WPF DataGrid](export-to-excel_images/wpf-datagrid-range-of-cells-customization.png)

## Exporting DetailsView

Expand Down Expand Up @@ -688,7 +688,7 @@ private static void ChildExportingHandler(object sender, GridChildExportingEvent
{% endhighlight %}
{% endtabs %}

![Excluding Specific DetailsView while Exporting to Excel in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-export-data-in-detailsview.png)
![Excluding Specific DetailsView while Exporting to Excel in WPF DataGrid](export-to-excel_images/wpf-datagrid-export-data-in-details-view.png)

Here, `DetailsViewDataGrid` is not exported for the parent record having `OrderID` as 1002.

Expand All @@ -711,7 +711,7 @@ private static void ChildExportingHandler(object sender, GridChildExportingEvent
{% endhighlight %}
{% endtabs %}

![Excluding Columns in DetailsViewDataGrid while Exporting to Excel in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-export-without-column.png)
![Excluding Columns in DetailsViewDataGrid while Exporting to Excel in WPF DataGrid](export-to-excel_images/wpf-datagrid-export-without-column.png)

Here, `OrderID` column is displayed in `DetailsViewDataGrid` and it is excluded while exporting to excel.

Expand Down Expand Up @@ -743,7 +743,7 @@ private static void CellExportingHandler(object sender, GridCellExcelExportingEv
{% endhighlight %}
{% endtabs %}

![Customizing DetailsViewDataGrid Cells while Exporting to Excel in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-exported-cell-customization.png)
![Customizing DetailsViewDataGrid Cells while Exporting to Excel in WPF DataGrid](export-to-excel_images/wpf-datagrid-exported-cell-customization.png)


## Performance
Expand Down Expand Up @@ -771,7 +771,7 @@ workBook.ActiveSheet.Columns[4].NumberFormat = "0.0";
{% endtabs %}


![Formatting the Column while Exporting to Excel in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-column-formatting.png)
![Formatting the Column while Exporting to Excel in WPF DataGrid](export-to-excel_images/wpf-datagrid-column-formatting.png)

### Alternate row styling without using CellsExportingEventHandler

Expand Down Expand Up @@ -800,6 +800,6 @@ condition2.BackColorRGB = System.Drawing.Color.LightGray;
{% endhighlight %}
{% endtabs %}

![Displaying Row Style while Exporting to Excel in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-row-style.png)
![Displaying Row Style while Exporting to Excel in WPF DataGrid](export-to-excel_images/wpf-datagrid-row-style.png)


Loading