0

I have been working with Jquery's easyUI tabs to make tabs in my Sharepoint Online site. However, I have come across a minor inconvenience. In between the tabs is a little blue arrow that can be used to switch between the tabs, but it is unnecessary:

enter image description here

I dug through the web page inspector and found out that this is of class="tabs-icon"... So, I went into jquery.easyui.min.js to figure out what was causing this... Using the find function on "tabs-icon", the following popped up:

enter image description here

I'm not exactly sure how to fix this, but I found where it is being changed. Since jquery.easyUI is so huge, I was hoping someone would have experience and be able to guide me as to how to hide the blue arrows.

1

Considering that the icons you want to hide have the class tabs-icon you should be able to hide them using CSS.

In your CSS file for EasyUI add:

.tabs-icon { display: none; }

or

.tabs-icon { visibility: collapse; }

The reason why (in my opinion) you should use CSS is 1. EasyUI is as you say large so editing the logic would be problematic and 2. CSS changes are easy to implement and easy to roll back

| improve this answer | |
  • I love the idea, and I think it would work, however the siteassets library won't let me save over the file. It changes the modified date, but the changes aren't made to the file. any ideas? – Sabien Ambrose Jan 18 '17 at 0:27
  • Create a new CSS file and include it after the EasyUI CSS file. If included after it will overwrite the necessary places – Roland Jan 18 '17 at 0:34
  • what do you mean "include it after"? – Sabien Ambrose Jan 18 '17 at 0:38
  • Somewhere in your code you add EasyUI.js There is probably also a EasyUI.CSS file. You want to add your CUSTOM.CSS file after that. – Roland Jan 18 '17 at 0:45
  • ah ha! thank you, that worked just fine, appreciate it. Any idea why I can't just change the right CSS file to begin with? this could become tedious quickly – Sabien Ambrose Jan 18 '17 at 1:20

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.