DropdownList Spacing

[jim]

How do I control the spacing in between drop-down list items? 

[Magdalena]

Hi Jim,

Increasing the spacing can be achieved by applying one of the following CSS:

.k-list .k-item {
    margin: 10px 0;
}

.k-list .k-item {
    padding: 10px 0;
}

.k-list .k-item {
    line-height: 3em;
}

Do not hesitate to contact us if you have other questions.

Regards,
Magdalena
Progress Telerik

[jim]

Is it possible to decrease the space in between the items in a list?   I tried each of the items listed above and decreased the sizes and it had no effect.

  <style>
    .k-list .k-item {
        line-height: 1em;
    }
</style>

 

[Magdalena]

Hello Jim,

There is set a min-height to popup items. If you would like to decrease items height, apply the following CSS to reset the min-height property and use a stronger selector:

<style>
    .k-popup .k-list .k-item {
        line-height: 1em;
    }

    .k-popup .k-list .k-item {
      min-height: 0;
    }
</style>

Regards,
Magdalena
Progress Telerik