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.

Scroll support not working

Thread ID:

Created:

Updated:

Platform:

Replies:

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

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 08:20 AM

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 09:31 AM

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 09:02 AM

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 11:27 AM

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 07:57 AM

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 05:15 AM

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 10:50 AM

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 11:21 AM

Hello,

I'm using 13.4.0.63.

Jorge Pampin
Replied On March 29, 2016 12:22 PM

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 11:02 AM

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 12:43 PM

Hello,

It works! Perfect!

Will this fix include in 2016 Vol 1?

Thank you so much!

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

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 10:23 AM

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 06:55 AM

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.

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.

;