PDA

View Full Version : [CLOSED] ComboBox style



osef
Apr 17, 2013, 3:34 PM

Daniil
Apr 17, 2013, 4:49 PM
Hi @osef,

Could you please point on the screenshot what exactly "blue border" you need to remove? Of a ComboBox field's itself? Of a ComboBox's dropdown list? Of a selected item?

RCN
Apr 17, 2013, 5:06 PM

RCN
Apr 17, 2013, 5:13 PM
Please let me know if that was what you were needing.

RCN
Apr 17, 2013, 5:19 PM
If you need to remove the border of the item, please try the following:


<style type="text/css">
.x-boundlist-item
{
padding-left: 0px !important;
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
}
</style>


or simply


<style type="text/css">
.x-boundlist-item
{
padding:0px !important;
}
</style>


Before
6054

After
6053

osef
Apr 19, 2013, 12:07 AM
Hi RCN and Daniil

The item when the mouse is hover in this image is a example

6066

But I want to remove the border dotted, I try to do the code of RCN but It don't resolve, this to remove some border but not all



<style type="text/css">
.x-boundlist-item
{
padding:0px !important;
}
</style>


Even I can to see some border dotted as in the picture.

Baidaly
Apr 19, 2013, 3:49 AM
Hello!

Please, try to add the following CSS rule:



.x-boundlist-item-over {
border: none !important;
}

osef
Apr 19, 2013, 7:31 AM
Hello!

Please, try to add the following CSS rule:



.x-boundlist-item-over {
border: none !important;
}


Hi Baidaly, my problem is resolve with this:



<style type="text/css">
.list-item:hover
{
background-color:#0174C0;
color:White;
padding: 5px 10px 5px 10px;
margin-top:2px;
margin-bottom:2px;
}

.list-item
{
font: normal 11px tahoma, arial, helvetica, sans-serif;
padding: 5px 10px 5px 10px;
color: #000;
background-color:#F2F2F2;
margin-top:2px;
margin-bottom:2px;
}

.x-boundlist
{
background-color: #F2F2F2;
}

.x-boundlist-item
{
padding:0px !important;
border-bottom: 1px solid #D9D9D9;
border-top: none;
border-left: none;
border-right: none;
margin-left:2px;
margin-right:2px;
background-color: #F2F2F2;
}

x-boundlist-item-over
{
padding:0px !important;
border: none !important;
background-color: #F2F2F2;
}
</style>


I have a style as the picture:

6070


But, now, I don't have style to selected item, in the next picture I have selected the year 2013, How Can I do to selected style for the item?, Because the style in the previous problem is with mouse "hover"

6071

Thank you.

Daniil
Apr 19, 2013, 8:23 AM
The ".x-boundlist-selected" CSS class is added for a selected item.