Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Custom tags/anchors? #2

Open
bmcgough opened this issue May 1, 2019 · 2 comments
Open

Custom tags/anchors? #2

bmcgough opened this issue May 1, 2019 · 2 comments

Comments

@bmcgough
Copy link

bmcgough commented May 1, 2019

I am testing jekyll-code-tabs with the supplied demo code block from your readme. However, it is toward the end of a longer page.

Each time I click to a different language, the browser homes to the top of the page ('#'). The code tab changes, so that part is working well!

Can this be customized? How would we have multiple code-tabs sections on the same page?

Perhaps my Jekyll theme is getting in the way? I am using minimal-mistakes remote through Github Pages.

Thank you!

@mserougi
Copy link

I'm having a similar issue, I'm using the minimal theme, the example code, but I don't see the tabs at all. I've added the example code to a markdown file and what I get is a regular list:

Screen Shot 2019-05-28 at 5 41 59 PM

@vladyio
Copy link

vladyio commented Oct 27, 2019

@mserougi this is because this plugin is bound to UIkit CSS and JS. You should add the following lines to your <head> to make things work:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/uikit.min.css" />
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit-icons.min.js"></script>

For those who like me don't want to bother with UIKit, you can use my fork: https://github.com/vladyio/jekyll-code-tabs, but read usage details in this PR #5

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants