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.

ejTab cssClass Erorr

Thread ID:

Created:

Updated:

Platform:

Replies:

125173 Jul 27,2016 10:55 AM Jul 29,2016 05:12 AM JavaScript 3
loading
Tags: ejTab
Irfan Alkan
Asked On July 27, 2016 10:55 AM

Hi,

We have encountered this question when we use the object,


http://help.syncfusion.com/js/api/ejtab#methods:additem  as specified in the document We give the name of a url that we  build in a specific object with id. However, we determined that the object document indicated as "MyClass". ıt does not contains  definition.  In the same document we use first example.


tabObj.addItem(url, "New Item", 3, "myClass", "newItem");

when analyzed this script  div consist of the name of  "newItem" but this div not having "myclass" feature.

How do we solve this problem?












                   

             



Regard,

Irfan

Attachment: ejTab_8ff542c3.zip

Keerthana Rajendran [Syncfusion]
Replied On July 28, 2016 05:13 AM

Hi Irfan , 
Thank you for contacting Syncfusion support. 
For your clarification in this code: 

tabObj.addItem(url, "New Item", 3, "myClass", "newItem"); 

myClass will not be appended to div element of created tab and it will be appended to li element of tab as span class. This class can be used to set image or icon for tab header. 
   
We have prepared a sample for your reference please refer the below given link:   
 
   
<code>   
<style type="text/css" class="cssStyles">   
  .myClass   
      {   
        width:20px;   
        display:inline-block;   
        height:15px;   
        background-image:url("http://js.syncfusion.com/demos/web/content/images/tab/flags.png");   
       margin-right: -9px;   
        margin-left: 9px;   
      }   
    </style>   
</code>   
  
   
Please let us know if any concern   
  
Regards,   
Keerthana.   
  
 


Irfan Alkan
Replied On July 28, 2016 08:07 AM

Hi Irfan , 
Thank you for contacting Syncfusion support. 
For your clarification in this code: 

tabObj.addItem(url, "New Item", 3, "myClass", "newItem"); 

myClass will not be appended to div element of created tab and it will be appended to li element of tab as span class. This class can be used to set image or icon for tab header. 
   
We have prepared a sample for your reference please refer the below given link:   
 
   
<code>   
<style type="text/css" class="cssStyles">   
  .myClass   
      {   
        width:20px;   
        display:inline-block;   
        height:15px;   
        background-image:url("http://js.syncfusion.com/demos/web/content/images/tab/flags.png");   
       margin-right: -9px;   
        margin-left: 9px;   
      }   
    </style>   
</code>   
  
   
Please let us know if any concern   
  
Regards,   
Keerthana.   
  
 


Hi,
Thank you for your interest and your solution.  We need to add div element  id="newitem"
 
Regard,
Irfan

Keerthana Rajendran [Syncfusion]
Replied On July 29, 2016 05:12 AM

Hi Irfan,   
  
Inside the addItem method which is passed in the first parameter will be considered as tab id and that will be automatically set to div element id of tab. 
 
 tabObj.addItem(“#newItem”, "New Item", 3,”myClass”); 
 
 If you want to modify the id of div element you can pass an additional parameter which represents the id of the tab.(this is optional parameter)   
 
tabObj.addItem(“#newItem”, "New Item", 3,”myClass”,” New tab”);    
 
We have prepared a sample for your reference.   
 
Please refer the below given links:   
  
 
  
If we have misunderstood your requirement, please revert with some additional details on your query.   
  
Regards,   
Keerthana.  


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.

;