Skip to content
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
8 changes: 4 additions & 4 deletions angular/DropDownList/LoadOnDemand.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Load on demand in DropDownList widget
description: Load on demand in DropDownList widget
title: Load on demand in Angular DropDownList Control | Syncfusion
description: Learn here about Load on demand support in Syncfusion Essential DropDownList Control, its elements, and more.
platform: AngularJS
control: DropDownList
documentation: ug
keywords: loadOnDemand, DropDownList, dropdown

---
## Load On Demand
# Load On Demand in Angular DropDownList

Load on demand feature allows the DropDownList items load on request from the service/database, during only on click the DropDown icon or DropDownList. This functionality helps to improve performance on control initial rendering time. Because data items load on request.

Expand Down Expand Up @@ -55,4 +55,4 @@ export class DefaultComponent {

{% endhighlight %}

![](LoadOnDemand_images/loadondemand.png)
![Angular DropDownList load on demand](LoadOnDemand_images/loadondemand.png)
6 changes: 3 additions & 3 deletions angular/DropDownList/Localization.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---
layout: post
title: Localization in DropDownList widget
description: Localization in DropDownList widget
title: Localization in Angular DropDownList Control | Syncfusion
description: Learn here about Localization support in Syncfusion Essential DropDownList Control, its elements, and more.
platform: Angular
control: DropDownList
documentation: ug
---
# Localization
# Localization in Angular DropDownList

The DropDownList provides option to localize its strings, it is used to adapting the DropDownList to a particular local language. By default, the DropDownList will use the US English (en-US) as its language.

Expand Down
18 changes: 9 additions & 9 deletions angular/DropDownList/SettingDimension.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,21 +13,21 @@ documentation: ug

### Fixed Size DropDownList widget

You can customize the widget dimensions using [width](http://help.syncfusion.com/api/js/ejdropdownlist#members:width) and [height](http://help.syncfusion.com/api/js/ejdropdownlist#members:height) properties. Fixed size values can be specified in pixel or percentage values. By default the DropDownList wrapper will be assigned with "143px" width and "30px" height.
You can customize the widget dimensions using [width](https://help.syncfusion.com/api/js/ejdropdownlist#members:width) and [height](https://help.syncfusion.com/api/js/ejdropdownlist#members:height) properties. Fixed size values can be specified in pixel or percentage values. By default the DropDownList wrapper will be assigned with "143px" width and "30px" height.

### Fixed size popup list

You can customize the popup list dimensions using [popupWidth](http://help.syncfusion.com/api/js/ejdropdownlist#members:popupwidth) and [popupHeight](http://help.syncfusion.com/api/js/ejdropdownlist#members:popupheight) properties. Fixed size values can be specified in pixel or percentage values. By default popup width is auto and popup height is "152px".
You can customize the popup list dimensions using [popupWidth](http://help.syncfusion.com/api/js/ejdropdownlist#members:popupwidth) and [popupHeight](https://help.syncfusion.com/api/js/ejdropdownlist#members:popupheight) properties. Fixed size values can be specified in pixel or percentage values. By default popup width is auto and popup height is "152px".

### Auto Sizing

DropDownList is adaptive to mobile and web layout such that it is adjustable with screen resolution. The textbox will be rendered based on its parent containers dimensions on assigning 100% values to the width property. Default value for popupWidth is auto, so when you assign 100% to popupWidth then it will be rendered based on specified range.

### Limit the number of items

You can use [itemsCount](http://help.syncfusion.com/api/js/ejdropdownlist#members:itemscount) property to fetch only the specific number of items from the data source. To fetch the remaining items you can enable [virtual scrolling](databinding#virtual-scrolling) support which loads the data on scrolling the data items in popup list.
You can use [itemsCount](https://help.syncfusion.com/api/js/ejdropdownlist#members:itemscount) property to fetch only the specific number of items from the data source. To fetch the remaining items you can enable [virtual scrolling](databinding#virtual-scrolling) support which loads the data on scrolling the data items in popup list.

N> By default popup list is shown on DropDownList button click but you can display the list initially by enabling the [showPopupOnLoad](http://help.syncfusion.com/api/js/ejdropdownlist#members:showpopuponload) property. You can also use [showPopup ()](http://help.syncfusion.com/api/js/ejdropdownlist#methods:showpopup) or [hidePopup ()](http://help.syncfusion.com/api/js/ejdropdownlist#methods:hidepopup) methods at run time to display or hide the popup list.
N> By default popup list is shown on DropDownList button click but you can display the list initially by enabling the [showPopupOnLoad](https://help.syncfusion.com/api/js/ejdropdownlist#members:showpopuponload) property. You can also use [showPopup ()](https://help.syncfusion.com/api/js/ejdropdownlist#methods:showpopup) or [hidePopup ()](https://help.syncfusion.com/api/js/ejdropdownlist#methods:hidepopup) methods at run time to display or hide the popup list.

{% highlight html %}

Expand Down Expand Up @@ -73,12 +73,12 @@ export class DropDownListComponent {

## Popup resizing

To show a resize handle in the popup list, use [enablePopupResize](http://help.syncfusion.com/api/js/ejdropdownlist#members:enablepopupresize) property. You can customize the resize functionality by setting dimensions to the following properties.
To show a resize handle in the popup list, use [enablePopupResize](https://help.syncfusion.com/api/js/ejdropdownlist#members:enablepopupresize) property. You can customize the resize functionality by setting dimensions to the following properties.

<table>
<tr>
<td>
{{'[minPopupWidth](http://help.syncfusion.com/api/js/ejdropdownlist#members:minpopupwidth)'| markdownify }}
{{'[minPopupWidth](https://help.syncfusion.com/api/js/ejdropdownlist#members:minpopupwidth)'| markdownify }}
<br/>
</td>
<td>
Expand All @@ -88,7 +88,7 @@ To show a resize handle in the popup list, use [enablePopupResize](http://help.s
</tr>
<tr>
<td>
{{'[maxPopupWidth](http://help.syncfusion.com/api/js/ejdropdownlist#members:maxpopupwidth)'| markdownify }}
{{'[maxPopupWidth](https://help.syncfusion.com/api/js/ejdropdownlist#members:maxpopupwidth)'| markdownify }}
<br/>
</td>
<td>
Expand All @@ -98,7 +98,7 @@ To show a resize handle in the popup list, use [enablePopupResize](http://help.s
</tr>
<tr>
<td>
{{'[minPopupHeight](http://help.syncfusion.com/api/js/ejdropdownlist#members:minpopupheight)'| markdownify }}
{{'[minPopupHeight](https://help.syncfusion.com/api/js/ejdropdownlist#members:minpopupheight)'| markdownify }}
<br/>
</td>
<td>
Expand All @@ -108,7 +108,7 @@ To show a resize handle in the popup list, use [enablePopupResize](http://help.s
</tr>
<tr>
<td>
{{'[maxPopupHeight](http://help.syncfusion.com/api/js/ejdropdownlist#members:maxpopupheight)'| markdownify }}
{{'[maxPopupHeight](https://help.syncfusion.com/api/js/ejdropdownlist#members:maxpopupheight)'| markdownify }}
<br/>
</td>
<td>
Expand Down