Discussion on TheDocs - Online Documentation Template

Discussion on TheDocs - Online Documentation Template

Cart 1,324 sales
Well Documented

TheThemeio does not currently provide support for this item.

136 comments found.

I have just bought. Do you know any utility to generate later a pdf with document created? Thanks

You can use Chrome “save to PDF” when you attempt to print the page.

where can i find a description of the css elements for the grid (ex: class=”col-md-6 col-sm-6”

OK, found it … bootstrap … on WS3

Great, or you can check the official documentation: http://getbootstrap.com/css/#grid

Hi, I love the template! I’d like to add hover over dropdowns on the index, in the navbar. Can I use standard bootstrap classes to accomplish this?

Hi,

Yes, TheDocs is based on the Bootstrap. So you can use any utility class from Bootstrap. Also, you can place your custom css style inside custom.css file.

Can you please give me a little guidance on how to install the HTML only version in to a standard Tomcat Web deployment ? copy what files , where… etc. thanks !

Noting need to install. It’s html template, you can edit html files and see them in your browser. To get start, you should start from Starter-kit directory. There is a guidance on how to getting start: http://thetheme.io/thedocs/#getting_started

So, I went ahead and bought the theme in a hurry to only realize i did not buy the version with Wordpress. Is there ANY WAY you could help me get a refund on this to buy the wordpress template please?

That’s fine. You can request refund from here: https://themeforest.net/refund_requests/new

When I scroll to the bottom and the footer appears, I see a letter “x” just above the footer on the left (above “Copyright”). Do you know what is causing this? Thanks.

Nevermind, it was a rogue character in the html file.

I like the theDocs template so far. Thank you for your efforts. What is the purpose of the link icon next to h2 tags? How do I get rid of it if I don’t need it? Thanks.

Thank you.

It’s a convenient way to refer your customers to a section of a page. For example, if you ask me what’s included in the download package, I can give you two different answers:

1. Open http://thetheme.io/thedocs and scroll down to What’s included section

2. Open http://thetheme.io/thedocs/#what_included

As you can see, the second way is a better answer in this case.

If you want to remove the # character, simply add following code to your custom.css file:
h2 a::before {
  display: none;
}

But if you don’t need a link at all, remove ID attribute from your h2 tag. You can extend this answer to h1 and h3 as well.

ive tried to make this rtl but i didnt success. maybe can you help me with this?
btw: the css file is very big and uneditable due to minified edition, how should i work with this in that matter? it stucks the whole ide
thanks.

Good news. I haven’t tried the tool you are using. So if you can upload a demo and give me a link to your page, I’ll check it and will try to help you.

This seams to be fine! Code is ltr. Maybe the space before each line made you think it’s still rtl. The spaces is because you have spaces inside <code> tag. For example, you should change your code from:

                <code class="language-css">
                  .text-primary { color: #2196F3; }
                  .text-success { color: #4CAF50; }
                  .text-info    { color: #29B6F6; }
                  .text-warning { color: #FF9800; }
                  .text-danger  { color: #F44336; }
                  .text-purple  { color: #6D5CAE; }
                  .text-teal    { color: #00BFA5; }
                  .text-gray    { color: #bbbbbb; }
                  .text-dark    { color: #424242; }
                  .text-white   { color: #ffffff; }
                </code>

To:

                <code class="language-css">.text-primary { color: #2196F3; }
.text-success { color: #4CAF50; }
.text-info    { color: #29B6F6; }
.text-warning { color: #FF9800; }
.text-danger  { color: #F44336; }
.text-purple  { color: #6D5CAE; }
.text-teal    { color: #00BFA5; }
.text-gray    { color: #bbbbbb; }
.text-dark    { color: #424242; }
.text-white   { color: #ffffff; }
                </code>

It means no space before each line, except if you need indention.

Hi, I’m using your template to create documentation about a job. I will create it as one page and I can not fix the menu. To be one page the menu is sticky with class .sidebar-line but I do not get that through javascript add or delete class active, I only have basic notions of javascript

<aside class="col-lg-2 col-md-3 col-sm-3 sidebar sidebar-line ">
  • Inicio
  • Configurando Servidor
    • Droplet DigitalOcean
    • SFTP
    • Plugins Basicos
  • Configurando
    • Cómo instalar
    • Vista General
    • Opciones generales
</aside>

Hi,

Have you checked our fixed sidebar layout? Probably you’re looking for something like this: http://thetheme.io/thedocs/layout_single-page-2.html

There are several single page layouts which you can check as well.

Hi, I have it as exposed. Can you adapt the following plugin https://github.com/gfranko/jquery.tocify.js to the menu of your template?

Hi,

We’ve already implemented such a functionality in our template! All of our single page layouts have this functionality, but with different style. Please look at the following pages and see different styles of your required functionality:

http://thetheme.io/thedocs/layout_single-page-1.html http://thetheme.io/thedocs/layout_single-page-2.html http://thetheme.io/thedocs/layout_single-page-3.html

Theme won’t install:

Installing Theme from uploaded file: themeforest-13070884-thedocs-online-documentation-template.zip Unpacking the package… Installing the theme… The package could not be installed. The theme is missing the style.css stylesheet. Theme install failed.

Oops. I too bought the HTML version instead of the WordPress theme.

Yes you did. I’ve just accepted your refund request ;)

Do you plan on updating this template to bootstrap v4?

Chances are few. At this point we should say no, we don’t upgrade.

I bought this theme yesterday. English character is not the mainly characters on my site, so which file and statement I should modify to support another font? Thanks very much.

Hi,

Yes, of course. TheDocs is based on Bootstrap, so it supports all of Bootstrap components.

Thx, but it does not work well. You can reproduce this bug on http://gameinn.net/dropdown/test.html. The drop menu will display immediately when i click on ‘DROPDOWN TEST’, but if I click on other area, the menu DO NOT disappear immediately.

Please add the following selector to your css file to get a better result:
.navbar-default .navbar-nav>.open>a {
    color: #777;
    background-color: #fff;
}

The footer appears off page when there’s not enough content to fill the page. I’m seeing that here:

http://shamsoft.net/thedocs/page_faq.html

My browser info: Version 53.0.2785.143 Built on Ubuntu , running on LinuxMint 18 (64-bit)

I also see the same behavior in Android Chrome (when in Desktop model).

It’s because of a miss calculation for the height of main-container. We’ll update the template in a couple of weeks and fix this issue as well. Thank you for reporting it.

Hi,

I just bought this item:

purchase code: 472fa62d-9629-47bb-84a1-2de3bf47aca5

Unfortunately I messed up and bought the HTML version and not the WP version that I wanted to buy.

Are you the one dealing with refunds or someone else?

Thank you

David Koves

Hi,

Yes, you can. Just go to https://themeforest.net/refund_requests/new and submit your refund request and I’ll accept it.

When I am using the boxed Sidebar, and I click the menu link on the left. The menu will closed (not expand and no highlight) after go to that page. How can I make the current menu link highlighted?

Please check the code once more in the layout_sidebar_boxed.html file.

To make a link highlighted, you should add “active” class to the element. And to make a sub menu expanded, you should add “open” class to the parent element.

Thanks, is that means if I want to add a menu, I’ll have to change all menu in each HTML?

Yes, it’s same for all HTML templates, unless you develop a dashboard and do it programatically (e.g. Wordpress menus)

It’s common practice with templates to provide both minified and unminified JavaScript sources. It’s obviously impossible to debug or reason about behavior with only the minified version.

You are right. While you have access to unminified versions in the “Source” directory, we will place an unminified version for the starter-kit in the next version as well. Meanwhile, you might want to combine “Source/src/assets/js/theDocs.all.min.js” and “Source/src/assets/js/theDocs.js” to create theDocs.all.js

Good idea!

I’m trying to load this into my themes in Word Press and the it is telling me that it can’t find the style sheet. Any help is appreciated

Seems you’ve bought the HTML version but looking for Wordpress one. You can purchase WP version here: https://themeforest.net/item/thedocs-online-documentation-wordpress-theme/16135997

Is there a trial version? I’d like to test drive it first if possible

I don’t think so. Since the developer of WP version is another author of Themeforest, you should consult him regards WP version.

Why does the left menu of index.html slide down too far when you scroll the page? It cuts off the bottom of the menu on some browsers.

Just start the scrolling down of the page and you can see that the menu items jump down in every browser. If you try it with Internet Explorer it won’t disappear at the bottom, but you can see the entire menu (on the left) jumps way down rather than stay at the location when the page first loads.

We expect to solve this problem in the next release. If you have a lot of menus, maybe you want to take a look at “boxed sidebar layout”: http://shamsoft.net/thedocs/layout_sidebar_boxed.html

Just as gsw85 said “so when the height of the left menu is more than your screen size, you can scroll down to the end to see the all the left menu.” It would be nice to have this option, as right now the menu system is very limiting for having a larger documentation system with a deep sub-menu.

You’re right. As I replied the other comment, we’ll provide a scrollable sidebar in the next release to address this limitation.

Hi,

I have a small problem with the template. When I am using

 with proper class and code inside it, it does not reneder as it should. On the upper right there should be name of the programming language and copy button. However it is on upper right of the whole website. If I use it for 2nd time it renders ok. I am using safari and macbook air. You can see it at www.docs.webotvorba.sk name: webotvorba pwd: webotvorba
  

Hi,

Thank you for reporting this problem. add the following code to your custom.css file:
pre {
  position: relative;
}

Thanks. It works :) There have 5 stars for great work and support ;)

Thank you so much :)

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey