We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to make a widget box

Thread ID:





126022 Sep 18,2016 06:29 PM UTC Sep 20,2016 12:02 PM UTC JavaScript 3
Tags: General
Greg Gum
Asked On September 18, 2016 06:29 PM UTC

I have some content that I want to put a border around.

How do I do this so that the border color is take from the theme?

In other words, the border color for a dark theme is different from the light theme.

So how do I specify a border color based on the theme so that if a dark theme is being used, my widget has the correct border color?

Do I have to use the less file to create this?  Or is there an existing class I can use that will give me widget the theme border, border-radius, and border-color to match the theme?

I just want to be able to wrap a bootstrap card in the correct border without breaking the theme.

Kasithangam C [Syncfusion]
Replied On September 19, 2016 04:40 PM UTC

Hi Greg, 
Thanks for contacting Syncfusion support. 
We are not maintaining common class for applying border-color, boder-radius when changing the themes. In our themestudio, we have maintained border, boder-color css in a variable not in a class. So, when we changed the dark theme, it will apply the border color, border radius to the control elements.  
For example: If we apply the dark theme and set boder-color for the datepicker component, then it will apply the border-color to the datepicker element as shown below: 
<style type="text/css" class="cssStyles"> 
       .e-datewidget .e-in-wrap { 
We have prepared the sample for this and it is available under the following link: 

Greg Gum
Replied On September 19, 2016 11:11 PM UTC


What I did was modify the theme.less file like this:

    border-color: @content-border-color;

Now I have a class that I can put on any element to take the theme color.   


Kasithangam C [Syncfusion]
Replied On September 20, 2016 12:02 PM UTC

Hi Greg, 
We are happy to hear that your issue has been resolved. 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon