193 comments

Hi I purchased your iDEA Responsive Template and I want to be able to click a link on one page to select and activate a vertical tab on another page. I'm guessing I need to use JavaScript but I'm very new to JS and don't know how to do it. I've attached some code below. From the calling page HTML: [page-services.html#vtab3]Read More In the page with the Vertical Tab HTML.

<section>
<div class="vertical">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li class="active"><a href="#vtab1" role="tab" data-toggle="tab"><i class="fa fa-file-text pr-10"></i> Tab 1</a></li>
<li><a href="#vtab2" role="tab" data-toggle="tab"><i class="fa fa-heartbeat pr-10"></i> Tab 2</a></li>
<li><a href="#vtab3" role="tab" data-toggle="tab"><i class="fa fa-dashboard pr-10"></i> PTab 3</a></li>
<li><a href="#vtab4" role="tab" data-toggle="tab"><i class="fa fa-wrench pr-10"></i> Tab 4</a></li>
<li><a href="#vtab5" role="tab" data-toggle="tab"><i class="fa fa-check pr-10"></i> Tab 5</a></li>
<li><a href="#vtab6" role="tab" data-toggle="tab"><i class="fa fa-graduation-cap pr-10"></i> Tab 6</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane fade in active" id="vtab1">
<h1 class="text-center title">Tab 1</h1>
<p>Lipsum ..</p>
<a href="page-contact.html" class="btn btn-default">Contact Us</a>
</div>
<div class="tab-pane fade" id="vtab2">
<h1 class="text-center title">Tab 2</h1>
<p>Lipsum...h</p>
<a href="page-contact.html" class="btn btn-default">Contact Us</a>
</div>
<div class="tab-pane fade" id="vtab3">
<h1 class="text-center title">Tab 3</h1>
<p>Lipsum...h</p>
<a href="page-contact.html" class="btn btn-default">Contact Us</a>
</div>
<div class="tab-pane fade" id="vtab4">
<h1 class="text-center title">Tab 4</h1>
<p>Lipsum...h</p>
<a href="page-contact.html" class="btn btn-default">Contact Us</a>
</div>
<div class="tab-pane fade" id="vtab5">
<h1 class="text-center title">Tab 5</h1>
<p>Lipsum...h</p>
<a href="page-contact.html" class="btn btn-default">Contact Us</a>
</div>
<div class="tab-pane fade" id="vtab6">
<h1 class="text-center title">Tab 6</h1>
<p>Lipsum...h</p>
<a href="page-contact.html" class="btn btn-default">Contact Us</a>
</div>
</div>
</div>
</section>

Thanks

Dave Pearce
Apologies, my last message didn't format correctly.

The html from the calling page to try to select and open a the correct vertical tab is:

<a href="page-services.html#vtab2" class="link">Read More</a>

Thanks
Dave
Hello Dave,

thank you very much for contacting and for purchasing the iDea template. Regarding your question, can you please contact support http://htmlcoder.me/support .

Many Thanks,
HtmlCoder
jay2016 PURCHASED
hi, I have a question to ask.
The idea template is now published on your website.
It seems that everyone could download the html and css files to revise and use it to publish website.
Can we do the above behavior without purchasing and is this the legal behavior?
Hello jay2016,

thank you very much for contacting and for interesting about iDea template. Firstly, I would like to mention that we don't have any dowload link on our website so I don't understand what do you mean by "It seems that everyone could download the html and css files to revise and use it to publish website."

Regarding your question, the only legal way to use this template is to buy a license from Wrapbootstrap. If you are using this template without a license, you should buy a license or remove any copy of this template from your websites or computers immediately.

If you have further questions or queries you can contact us directly via http://htmlcoder.me/contact

Many Thanks,
HtmlCoder
Hi, How do you change the slide display duration time (not the transition speed) for the revolution slider?
Hello Hyperchromatics,

thank you very much for contacting and for purchasing the iDea template. Regarding your question, please contact support http://htmlcoder.me/support.

Many Thanks,
HtmlCoder

Write a comment

This is a great way to give the seller feedback and ask them questions about their item.

You must sign in to write a comment

Sign in to add this purchase to your account

$15
That's about 6 cups of coffee
3685Purchases

Licenses: Details »

Single application $15
Version:1.5
Type:
  • HTML Template
Bootstrap: Compatible with 3.3.x
Layouts:
  • Responsive
Browsers:
  • IE 9, 10, 11
  • Latest Chrome
  • Latest Firefox
  • Latest Opera
  • Latest Safari
Uses Less:No
Uses Sass:Yes
Categories:
Tags: business, clean, corporate, css3, html5, multipage, multipurpose, portfolio, sass, white
Item#:WB0DN19X0
Released:2 years ago
Updated:1 month ago
Sold exclusively on WrapBootstrap
HtmlCoder

HtmlCoder

Signed up 2 years ago

Need an admin theme?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Safari
  • Latest Firefox
  • Internet Explorer 8/9/10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running: