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

Scroll support not working

Thread ID:

Created:

Updated:

Platform:

Replies:

123469 Mar 17,2016 10:36 AM UTC Apr 5,2016 10:55 AM UTC JavaScript 14
loading
Tags: ejTab
Jorge Pampin
Asked On March 17, 2016 10:36 AM UTC

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 [Syncfusion]
Replied On March 18, 2016 12:20 PM UTC

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
Replied On March 18, 2016 01:31 PM UTC

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 [Syncfusion]
Replied On March 21, 2016 01:02 PM UTC

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
Replied On March 23, 2016 03:27 PM UTC

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 [Syncfusion]
Replied On March 24, 2016 11:57 AM UTC

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
Replied On March 28, 2016 09:15 AM UTC

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 [Syncfusion]
Replied On March 29, 2016 02:50 PM UTC

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
Replied On March 29, 2016 03:21 PM UTC

Hello,

I'm using 13.4.0.63.

Jorge Pampin
Replied On March 29, 2016 04:22 PM UTC

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 [Syncfusion]
Replied On March 30, 2016 03:02 PM UTC

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
Replied On March 30, 2016 04:43 PM UTC

Hello,

It works! Perfect!

Will this fix include in 2016 Vol 1?

Thank you so much!

Prince Oliver [Syncfusion]
Replied On March 31, 2016 09:02 AM UTC

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
Replied On April 4, 2016 02:23 PM UTC

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 [Syncfusion]
Replied On April 5, 2016 10:55 AM UTC

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


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

;