111 comments found

Nice theme :) Is there any chance that you can implement a Gantt chart – maybe something along the lines of this: jsgantt.com, with nestable/collapsible projectlist, name of project, start date, end date, and the gantt chart itself. Is there any chance that you can implement something like that?

Kopyov

I’ll consider this functionality in the upcoming updates. Current charts don’t allow you to use Gantt charts by default, but i’ll extend charting section with another library where Gantt chart is possible.

Thanks

HI, I am trying to hide/show a div but the code is not working , i have tested in stand alone i.e without the theme it is working fine.

please advise, attaching my code.

Javascript

     <script type='text/javascript'>//<![CDATA[ 
      $(document).ready(function() {
          $('#cown').hide();
           $('#ownership').change(function () {
            alert(('#ownership option:selected').text());
              if ($('#ownership option:selected').text() == 'Co-Owned'){
                  $('#cown').show();
              }
               else { 
                    $('#cown').hide();
               }
          });
      });
      //]]>  
    </script> 
HTML
<div class="form-group">
            <div class="row">
              <div class="col-md-3">
                <label>Ownership: <span class="mandatory">*</span></label>
                <select data-placeholder="Select department" class="select-full" id="ownership" name="ownership">
                  <option value="" selected></option>
                  <option value="Owned">Owned</option>
                  <option value="Coowned">Co-Owned</option>
                  <option value="Consigned">Consigned</option>
                </select>
              </div>
              <div id="cown">
                <div class="col-md-4">
                  <label>Percentages</label>
                  <input type="text" placeholder="20" class="form-control">
                </div>
              </div>
            </div>
          </div>

nice template but i’d like to stamp invoice in pdf. I think that now isn’t possible. thanks

Kopyov

Correct, it isn’t possible as this invoice is HTML only and there’s no any option to convert html invoice to pdf at the moment, sorry.

Thanks

Hi, this is probably an amateur question, but how do I update my site with your latest updates without overwriting what I have? Do people use a program to check the difference in code? Thanks!

Kopyov

Hi.

No, all updates files are mentioned in the documentation with instructions for updating.

For Bootstrap version – just replace bootstrap.min.js and bootstrap.min.css with new files downloaded from Bootstrap website.

Thanks

Hi Where did you get that user images (avatars) used in demo?

Kopyov

Hi. Found them on Shutterstock.com

thegreco Purchased

Hi, this is an amazin template. Im lloking for a woring example of the fancybox lichtbox jquery plugin, but in the image and media gallery its not working, please I would like to know if you can put it here. Thanks

Kopyov

Hi there.

Lightbox is already added, you can see it in action on this page under “Table with images” tab. Click on any image inside the table. In the downloaded package you can find the same page.

Thanks.

Hi – I have a question about the sticky navigation in this theme. Do you know how I can make one of my menu items “active” when selected? I’m using a sticky top navigation bar. The 1st li tag contains an icon that opens and closes the sidebar (class=”sidebar-toggle”). The 2nd, 3rd, and 4th li tags all automatically include the “active” class when selected because they simply link to a url. Any ideas on how to add the “active” class dynamically to the 1st li tag? Here’s my navigation bar:

<ul id="navbar-menu" class="nav navbar-nav collapse"> <li class="button1"> <a data-enabled="true" class="sidebar-toggle button1"> <em data-placement="bottom" data-toggle="tooltip" class="tip" data-original-title="button1" /> </a> </li> <li class="button2"> <a href="#" class="button2"> <em data-placement="bottom" data-toggle="tooltip" title="" class="tip" data-original-title="button2" /> </a> </li> <li class="button3"> <a href="#" class="button3"> <em data-placement="bottom" data-toggle="tooltip" title="" class="tip" data-original-title="button3" /> </a> </li> <li class="button4"> <a href="#" class="button4"> <em data-placement="bottom" data-toggle="tooltip" title="" class="tip" data-original-title="button4" /> </a> </li> </ul> I know it has to do with this .js code but I’m not sure how to edit it:
    //===== Toggling active class in accordion groups =====//

    $('.panel-trigger').click(function(e){
        e.preventDefault();
        $(this).toggleClass('active');
    });
pixelpusher76

I should mention that the sidebar, by default, is not displayed.

Kopyov

May i see your code for hidden sidebar please?

The easiest way to do it is to toggle some class in body tag, for example class="sidebar-visible" and style trigger button in css accordion to the body class, something like

.sidebar-trigger {
    background-color: rgba(0, 0, 0, 0.1)
}

.sidebar-visible .sidebar-trigger {
    background-color: [your color]
}
pixelpusher76
Thank you – I’ll try to do that. Here’s my sidebar: <div class="sidebar collapse modal2"> <div id="sidebar-view" class="sidebar-content"> <form method="get" action=""><div style="display:none"><input type="hidden" value="?" name="utf8"></div> <div class="form-group search-box-panel"> <div class="col-sm-12"> <div class="input-group"> <input type="text" placeholder="Enter keyword" name="search_query" id="search_query" class="form-control"> <span class="input-group-btn"> <button type="submit" name="button" class="btn btn-default">Go!</button> </span> </div> </div> </div> </form> <br /> <div class="filters">Filter by: <a class="leftAlign sidebar-hide" href="#"><i class="icon-arrow-left ninePixels" />Hide</a> </div> <ul class="navigation"> <li><a href="#"><span>Filter1</span><span>Any</span></a></li> <li><a href="#"><span>Filter2</span><span>Any</span></a></li> <li><a href="#"><span>Filter3</span><span>Any</span></a></li> <li><a href="#"><span>Filter4</span><span>Any</span></a></li> <li><a href="#"><span>Filter5</span><span>Any</span></a></li> <li><a href="#"><span>Filter6</span><span>Any</span></a></li> <li><a href="#"><span>Filter7</span><span>Any</span></a></li> <li><a href="#"><span>Filter8</span><span>Any</span></a></li> <div class="paddingBottomTop"> <a href="" class="surroundPadding smallFont">Clear All</a> <a role="button" class="surroundPadding" href="#"> <button type="button" class="btn btn-sm btn-info minWidth search">Search</button> </a> </div> </ul> </div> </div>

One more question – do you know how to make the footer stay at the bottom of the page? When I don’t have enough content on the page, it gets pulled up instead of sticking to the bottom. Thanks

pixelpusher76

Any idea how to do this?

Kopyov

Hi.

Sorry for delay.

It is possible, but your main container should always be 100% height with absolute positioned footer, sticked to the bottom.

To achieve this, you can write a function, something like:
var height = function () {
    current_height = $(window).height() - $('body > .navbar').outerHeight();
    $('.page-container').attr('style', 'min-height:' + current_height + 'px');
}
and call it on window resize/content height change. And make the footer absolute positioned with “bottom” property.
pixelpusher76

Thank you so much!! This is very helpful :)

Antaros Purchased

Hey bud just a suggestion, whenever you’re using any non-local resources like jquery or google fonts don’t declare the “http:// or https://" just leave it as ”//” and google and the jquery CDN that you are pointing to will automatically deliver the appropriate content in the needed protocol, otherwise you’ll end up with content not being delivered if someone’s using an SSL cert since you declared http: which will result in the out of the box theme breaking.

Not necessarily a glitch, just something that took 5 minutes for me to do, after discovering the conflict which most themes I’ve downloaded on here account for. Just some friendly advice. Let me know if you need a more detailed explanation.

Kopyov

Hey!

Sorry for late reply. Thanks for the tip, pretty useful!

Eugene

I love the tabs that you use on your template (http://demo.interface.club/londinium/navs.html) but I’d like to slightly modify them so that each tab stays next to each other on mobile, rather than moving into its own line when the screen is small. I always have a maximum of three tabs on my site so it would be beneficial to keep them side by side. Do you know how I can do this?

Ideally, I would also like to change the font-size of the tabs on mobile.

Thanks!

Kopyov

This is pretty easy to change. Find in main CSS file and remove these lines:

@media (max-width: 480px) {
    .nav-tabs > li {
        float: none;
    }

    ....

.nav-tabs > li > a {
    margin-right: 0;
}

Eugene

pixelpusher76

Thank you so much! That worked!

HI there, I have a questions about the WYSIHTML5 editor; it is stripping classes when I use the plain text editor and I can’t find where to allow content. Do you happen to know what setting I’m referring to? Or perhaps the page where you get it form so I can do some research?

by
by
by
by
by
by