change border color and thickness

2 posts, 0 answers
  1. francis
    francis avatar
    9 posts
    Member since:
    Feb 2011

    Posted 09 Aug 2011 Link to this post


    I have a form with raddropdownlists and am using the 2010Office black theme.

    When a dropdownlist has focus the border turns orange.  is there a way to make the border thicker so that the orange border stands out more when the dropdown list has focus?

    thanks in advance,
  2. Alexander
    Alexander avatar
    306 posts

    Posted 11 Aug 2011 Link to this post

    Hello Francis,

    Thank you for your question.

    You can customize the built-in Office2010Black theme using the Visual Style Builder tool. This help article demonstrates how to export the build-in themes and this one - how to save and load your custom themes.

    To modify the Office2010Black theme according to your requirements, you could follow the steps:
    1. Load the theme in Visual Style Builder and expand the control structure of RadDropDownList.
    2. Select RadDropDownListElement from the control structure and DropDownListBorder from the Elements panel.
    3. The ContainsFocus and ContainsMouse states of the element have assigned the DropDownListHoverBorder repository item. Increase the value of the Width property in this repository item - for example to 4.
    4. Increase the Margin property of RadDropDownListEditableAreaElement to 4, 4, 0, 4 and the Margin property of RadDropDownListArrowButtonElement to 0, 4, 4, 4. It will increase the size of the control so the border does not hide its elements.

    I have attached the updated Office2010Black theme according to the steps above for your reference. Please let me know if I can assist you further.

    Best regards,
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get now >>

Back to Top