Remove Links on Detail Page Headers

This topic contains 6 replies, has 4 voices, and was last updated by  Stiofan O’Connor 6 years, 11 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #381425

    kairei
    Expired Member
    Post count: 78

    On the detail page, the titles of each section (e.g. “Profile”) are links. I don’t understand why and want to remove them. Actually, I am not displaying tabs but used the “Show as list instead of tabs” option. I guess that answers the “why” question actually. So, when you don’t use tabs, is it possible to remove the links? It is not useful and actually kind of unattractive in this case to have links with underlines when you have no tabs… Here is example HTML:

    
    
    <li id="post_profileTab">
    <a href="#post_profile">Profile</a>

    Any way to remove the links when using “Show as list instead of tabs” mode?

    Thanks!

    #381447

    Guust
    Moderator
    Post count: 29970

    You can add this CSS to remove any underline:

    
    
    .gd-tab-list-title {
       text-decoration: none;
    }

    I’ll get a developer to have a look at your question too, to see if links can be removed.

    Thanks

    #381448

    Kor
    Moderator
    Post count: 16516

    Or you can try this custom CSS.

    
    
    span.gd-tab-list-title a {
        pointer-events: none;
    }

    Thanks!

    #381488

    kairei
    Expired Member
    Post count: 78

    Thanks. Yeah, I’d come up with those two plus this as a temporary solution:

    cursor: default;

    But, ideally, we’d just have clean HTML from the beginning. Search engines will still see the links and it is more HTML+CSS than it needs to be… this works but is there any possible way to just have clean HTML from the beginning?

    #381760

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Hello, they are not “links” they are URL Fragment_identifier’s they will set the page to fall at the start of that section, if you want to disable them as Fragment_identifier’s then add the following CSS

    
    
    .gd-tab-list-title {
       pointer-events: none;
       cursor: default;
    }

    Thanks,

    Stiofan

    #381765

    kairei
    Expired Member
    Post count: 78

    Sure, I get that. I just meant they appear as “links” and are clickable etc. I already implemented that solution as noted in my previous post. It works just fine, thank you.

    My continuing concern, as I alluded to above, was just that it would be nice to have cleaner HTML in the case that we’re not using the tabs. If we are clicking on the Fragment_identifier we are already viewing that Fragment_identifier and there is no real need to click it. Usually that type of functionality is used to link from one place in a document to one way down further (typically off screen) to bring it to the top. In this case we’re already at the target location so there’s no real value in clicking it. So, unless I’m missing something, we have “no real value + extra/unexpected HTML + extra CSS to remove the extra HTML” which to me is undesirable. When people choose the “Show as list instead of tabs” option, they probably would expect/prefer not to have underlined, clickable headings, but rather normal headings just like you use in other parts of your UI.

    We’ve fixed my pressing issue so maybe at this point the “continuing concern” is more appropriate to move to a feature request so this one can be closed out?

    #381905

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    That is one use for them but they can also be used to get a link for a specific section so you can share it with friends.

    The underlining and the color and size of text is all dependent on the theme you use.

    Stiofan

Viewing 7 posts - 1 through 7 (of 7 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket