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.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Setting EnablePersistence to true removes RoundedCorners

Thread ID:

Created:

Updated:

Platform:

Replies:

118806 Apr 10,2015 01:37 PM UTC Apr 13,2015 12:01 PM UTC ASP.NET MVC 1
loading
Tags: Tab
Rob ONeill
Asked On April 10, 2015 01:37 PM UTC

Hi,
I have 2 issues with the Tab

1. In the tab I set the ShowRoundedCorner(true) which works fine, but as soon as I add EnablePersistence(true) the rounded corners are removed

    @Html.EJ().Tab("seriesSelection").Items(data =>
    {
        data.Add().ID("dataSource").Text(@ChartResources.DataSourceTabHeader)
            .ContentTemplate(@<div>@Html.Partial("_DataSource")</div>);
        data.Add().ID("metrics").Text("Metrics")
            .ContentTemplate(@<div>@Html.Partial("_DataSource")</div>);
    }).ShowRoundedCorner(true).EnablePersistence(true)

2. How do I override the CSS for the Tab to change things like border color, background color, the font colors, etc. I have tried using .CssClass("custom") and creating custom css but nothing seems to work

Cheers ... Rob.

Kasithangam C [Syncfusion]
Replied On April 13, 2015 12:01 PM UTC

Hi Rob,

Query 1: In the tab I set the ShowRoundedCorner(true) which works fine, but as soon as I add EnablePersistence(true) the rounded corners are removed

Sorry for the inconvenience caused. We are unable to reproduce the reported issue (rounded corner removed while set ShowRoundedCorner and EnablePersistence) .We have prepared the sample to showcase your requirement and please find the sample under the following location,

Sample: Sample

Could you please check with the above sample? If still you face the same problem, please revert us by modifying the sample based on your application along with replication procedure.Also, please tell us whether the css of the tab overwrite in your side?


Query 2: How do I override the CSS for the Tab to change things like border color, background color, the font colors, etc. I have tried using .CssClass("custom") and creating custom css but nothing seems to work

We can able to customize the css for the tab component, by using the “cssClass” property. This cssClass API helps to use custom skinning option for our controls. By defining the root class using this API, we need to include this root class in Tab.css file.We have included the custom css in the above sample.


In that sample, we have add the cssClass property as ‘custom”and we have add this root class in the customTheme.css file (present in themes folder). Using this class we have customize the css of Tab component.


We have prepared JS documentation with more detail information about the all the component in the below API link.

http://help.syncfusion.com/cr/js

Please let us know if you have further queries.

Regards,

Kasithangam


CONFIRMATION

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.

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

;