Stump the Panel » Q&A on "Path to SharePoint" Workshops

Easy Tabs v3.1 - Splitting the tabs into 3 rows

(11 posts)
  • Started 1 month ago by Christophe
  • Latest reply from DSMyers
  1. To answer Deb's question, here is some more information on how to split the tabs row in v 3.1.

    But first a reminder: having too many tabs is not a good practice, both from a performance and a usability viewpoints. Above 10 tabs, you should seriously consider spreading the content across multiple pages.

    Now back to our script. This is the current split function in v 3.1:

    //split
    if (ET001_split == "Yes") {
    var splitindex = Math.floor($(ET001_TabContainer).children().length*0.5-1);
    $(ET001_TabContainer).children().eq(splitindex).after("<div style='font-size:0px;'></div>");}

    splitindex is the index at which the row will be split. If you have 16 tabs, then:
    splitindex = 7 (indexing starts at 0 in JavaScript)

    You can change this calculation to include more splits, for example:

    //split
    if (ET001_split == "Yes") {
    var splitindex = Math.floor($(ET001_TabContainer).children().length*0.3-1);
    $(ET001_TabContainer).children().eq(splitindex*2).after("<div style='font-size:0px;'></div>");
    $(ET001_TabContainer).children().eq(splitindex).after("<div style='font-size:0px;'></div>");}

    Or you can force your own values:

    //split
    $(ET001_TabContainer).children().eq(5).after("<div style='font-size:0px;'></div>");
    $(ET001_TabContainer).children().eq(11).after("<div style='font-size:0px;'></div>");

    And if your users ask for too many rows...switch to a Quick Menu Web Part!

    Posted 1 month ago #
  2. DSMyers
    Member

    Thanks for the quick response. Have implemented and is working as expected. Thanks!

    I have another question in regards to the Easy Tabs. We are running this on an HTTPS: Intranet site. Each page that I have placed the Easy Tabs on I get the following Security message. Any suggestions on how to eliminate this?

    Security Warning
    Do you want to view only the webpage content that was delivered securely?
    This webpage contains content that will not be delivered using a secure HTTPS connection, which could compromise the security of the entire webpage.

    Thanks!

    Posted 1 month ago #
  3. paltomonte
    Member

    Hi Christophe - I have a question about EasyTabs and the DVWP. I have 4 DVWPs that are being tabbed correctly. However, the filter option on the DVWP does not work with the EasyTabs interface. The filter option shows up on the toolbar, but clicking it does not display the columns for filtering. Any ideas on how to fix this?

    Posted 1 month ago #
  4. @Deb: did you put the jQuery files on the same server and modify the scripts accordingly?

    Posted 1 month ago #
  5. DSMyers
    Member

    It works. It does help to have the script on the server! Thanks again!

    Posted 1 month ago #
  6. DSMyers
    Member

    Christophe,

    Tabs are working great and now that users are getting into using them, they have come up with an interesting question.

    We have folders in the document libraries and when they click the tab and then open a folder, they can't get back to the other folders in the library without clicking the back button or clicking the link to the main site? Any suggestions?

    Posted 2 weeks ago #
  7. Without the tabs, how do the users get back to the other folders?

    Posted 2 weeks ago #
  8. DSMyers
    Member

    Back button. There is no difference between using the tabs and not. They just wanted me to ask if there was a better way. My feeling is that if they are uploading a lot of documents to open windows explorer and drag and drop. Solves all issues! Thanks.

    Posted 2 weeks ago #
  9. DSMyers
    Member

    I misunderstood the issue and received clarification from the users.

    Scenario:
    Open Folder 1 on Tab 1
    Go to Tab 2
    Go back to Tab 1 and Folder 1 is still open

    They want to be able to see all the folders on a Tab when they switch between tabs.

    Posted 2 weeks ago #
  10. Changing the view back from one folder to multiple folders would require a call back to the server. The Easy Tabs have the opposite objective: allow the users to switch between views without the need for content reload.

    What you could do is include multiple Web Parts on the page, one for each folder. Then the Easy Tabs would build one tab for each view.

    Even better (if possible): get rid of folders, use metadata instead.

    Posted 2 weeks ago #
  11. DSMyers
    Member

    Thanks!

    Posted 1 week ago #

RSS feed for this topic

Reply

You must log in to post.