Scroll support not working

[Jorge Pampin]

Hello,

I have a Tab control configurated setting the EnableTabScroll property to true, and I add the tabs by javascript. Well, the scroll buttons are not rendered, and the headers tabs are set in several rows instead of only one.

Thansk!

[Prince Oliver]

Hi Jorge,

Thanks for contacting Syncfusion support

We are unable to reproduce the issue at our end, the scrollable Tab render fine at our end. So, please explain us briefly the scenario with replication procedure and screenshots. 

Here is a sample demonstrating Scrollable Tab:
http://jsplayground.syncfusion.com/itshvkxb
 

Regards,
Prince

[Jorge Pampin]

Hello,

In this sample the tabs are not added by javascript this way (in my application clicking a button):

tabObj.addItem(url, headerText);

Thanks!

[Prince Oliver]

Hi Jorge,

Thank you for contacting Syncfusion support.

We have updated the previous sample with button click to add item using addItem method.

addItem(url, displayLabel, index, cssClass, id) - Add new tab items with given name, url and given index position, if index null it’s add last item.

For more Information, refer to the following link:
http://help.syncfusion.com/js/api/ejtab#methods:additem

Click the following link for the updated sample:
http://jsplayground.syncfusion.com/rvjhhlqr
 
Regards,
Prince

[Jorge Pampin]

Hello,

This is my code:

In the aspx:
 <asp:Button runat="server" Text="AddTab" UseSubmitBehavior="false" OnClientClick="AddTabPrueba();return false;" />
    <ej:tab runat="server" ID="CtrlTabs" EmptyDataText="" ClientIDMode="Static"  EnableTabScroll="true">           
    </ej:tab>

Javascript:

var i = 0;
function AddTabPrueba()
{
    try {
        var tabObj = $('#CtrlTabs').data('ejTab');
        tabObj.addItem('GetEscenarioControl.aspx', 'tab number' + i);//, i, '', i);
        i = i + 1;
    } catch (e) {
        var t = 0;
        t= 0;
    }
  
}

And I've attached a capture of the result.

Thanks!

Attachment: capture_28ccbd7c.rar

[Prince Oliver]

Hi Jorge,

We implemented your code in our sample, but we are unable reproduce the issue on our end. We suggest you to check any external CSS file affecting the <ul> <li> elements in Tab control. Otherwise, please share the issue replicating sample with us as this will help us to provide you a solution.

Refer to the below link for attached sample:
http://www.syncfusion.com/downloads/support/forum/123469/ze/WebApplication6-1234543202

Regards,
Prince

[Jorge Pampin]

Hello,

I've updated the sample like my project and the scroll is not shown, what is wrong?

Thanks!ad,

Attachment: WebApplication6_7a882703.rar

[Prince Oliver]

Hi Jorge,

Unfortunately we couldn’t reproduce the issue  as you mentioned with attached sample. Meanwhile you were referring dependent scripts and themes from both embed resource and application level. Kindly refer the below documentation to correct this references.

http://help.syncfusion.com/aspnet/embeded-resources

Could you please confirm whether that you are using 13.4.0.58 ? since we tested with this assembly, scripts & CSS.

Regards,
Prince

[Jorge Pampin]

Hello,

I'm using 13.4.0.63.

[Jorge Pampin]

Hello,

I've attached the sample again with binary files, I think this way you can reproduce it.

Thanks!

Attachment: WebApplication6_ce48ff1.rar

[Prince Oliver]

Hi Jorge,

The reported issue was found and fixed in v13.4.0.63 internally but in attached sample, you have used v13.4.0.58 ej.web.all.min.js file. So kindly update the ej.web.all.min.js to latest in that sample since you are using v13.4.0.63 as you mentioned in previous update.

Modified the sample with v13.4.0.63 ej.web.all.min file is available in following link:

http://www.syncfusion.com/downloads/support/forum/123469/ze/WebApplication6-595779299

Regards,
Prince

[Jorge Pampin]

Hello,

It works! Perfect!

Will this fix include in 2016 Vol 1?

Thank you so much!

[Prince Oliver]

Hi Jorge,

Yes, this fix will be included in Volume 1 2016 release. Please let us know if you require any other assistance.

Regards,
Prince

[Jorge Pampin]

Hello,

How to scroll the headers to the selected tab (when you open a new tab or you select a tab by code)?

Thanks!

[Dhinesh Ravi]

Hi Jorge,

Thanks for the update.

We have confirmed that the “TabScroll not working on item select” as a defect and a support incident has been created under your account to track the status of the defect. Please log on to our support website to check for further updates.

https://www.syncfusion.com/account/login?ReturnUrl=/support/directtrac/incidents


Regards,
Dhinesh R