How do i work on the grids as given in /todo/src/table.html I would like to implement the grid sort and similar functions. Please guide.

The documentation sucks. You got 2k sales but didn’t bother to clarify how to structure our layouts with the components. That sucks a ton!!

What is this used for: off screen push left use data-toggle=”class:nav-off-screen” data-target=”#nav” to trigger the off screen nav

Hi, what do you mean by “2 runnable applications”. I am interested in the style portion of this only. Will i need to remove tons of Javascript and plugins to customize?

Hi thanks for great work i just need to include 2

modal

<button href="#modal" data-toggle="modal" class="btn btn-sm btn-white">+</button> 

<div class="modal fade" id="modal">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

and second 
<pre>
href="#modal2" data-toggle="modal" 
</pre>
call
<pre>
  <div class="modal fade" id="modal2">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal2" aria-hidden="true">×</button>

but it;s not working and help please thx</div></div></div></div></pre></div></div></div></div>

First of all, great work – love the cleanliness of this!

Now, on to my problem – I have inserted an img into the nav-brand element (an icon – 80px high), which looks great on desktop browsers. However, when it’s shown with the horizontal header (bar along the top with logo in the middle), it’s too high and ‘chops off’ the first part of the content.

I have updated the media queries to display:none on the nav-bar element when viewed at mobile resolutions, which works fine – except on some devices (i.e Galaxy Tab 3 – 7”, one of my test devices). On iPhone, it doesn’t show and all is good.

I’ve struggled to figure out why this problem is occuring on Android (same issue doesn’t occur on Chrome desktop when I resize the browser). Therefore, I’m looking at other possibilities. For example, is it possible for me to display one image (i.e the current 80px high icon) in the vertical menu, and another (wide) image when the horizontal menu is in view?

Thanks in advance!

Hi, thanks for this great framework!

We have a problem with parsley validation INSIDE an ajaxModal. It does not check form anymore, pop-over does not work.

Still work if I use normal modal.

Can you please suggest help?

Thanks.

In the demo the menus don’t work and other js.

Do you have a syntax error somewhere!

Once you get that fixed is there anyway you could include a drop down menu on the demo landing page which is responsive too. That would be awesome otherwise I’ll have to code one my self. Or is there an easier way?

What javascript files are needed for the custom checkbox/radio button images? They seem to use fontawesome, but the markup alone isn’t enough.

I am trying to make the header sticky, so it is only the content which scrolls.

<header class="header b-b bg-white clearfix">
    HEADER STUFF
</header>
<section class="scrollable">
  <section class="panel">
    <section class="panel-body m-r">BODY STUFF</section>
  </section>
</section>

Any ideas ?

thanks Thomas

This is code:

Hello,

I need small help please. I want to use one chart from analysis.html as stand alone on one page. It is flot-live Real-time chart.

How can I use only that one without any other, what do I need to include.

I have try to place this code in body: <script src=”js/jquery.min.js”></script> <!- Bootstrap -> <script src=”js/bootstrap.js”></script>

<!- Flot ->
<script src="js/charts/flot/jquery.flot.min.js" cache="false"></script>
<script src="js/charts/flot/jquery.flot.tooltip.min.js" cache="false"></script>
<script src="js/charts/flot/jquery.flot.resize.js" cache="false"></script>
<script src="js/charts/flot/jquery.flot.orderBars.js" cache="false"></script>
<script src="js/charts/flot/jquery.flot.pie.min.js" cache="false"></script>  
<script src="js/charts/flot/demo.js" cache="false"></script>

But it doesn’t work.

What I’m missing here????

Me again,

I want to define all TODO plugin.js (others.js, app.js, app.plugin.js) with require.js, how to do that ?, I am still struggle with it.

thank you

Hi, since an update on google chrome, I’ve been having trouble with icons. They don’t show up until I hover them. How can I fix this?

hey there this might have been answered but I am unclear. is this landing page included in the template? http://flatfull.com/themes/todo/landing.html#price

The html is like this

<header class="header b-b bg-white clearfix">
   <div class="m-t-xs m-b-xs pull-left"> Hi John Doe stuff here </div>
   <div class="m-t-xs m-b-xs pull-right">
      <ul class="list-inline pull-left">
         <li>
            <button class="btn btn-sm btn-primary">Button</button>
         </li>
         .......
      </ul>
   </div>
</header>

How do I make the header expand, so it can contain the disappearing button ?

thanks Thomas

Hi,

I am trying to make some elements have the same height and also flow left to right over several rows.

<div class="row m-l-xs">
   <div class="col-sm-3">
     <section class="panel">
      <div class="panel-body">profile content ... </div>
     </section>
   </div>
   <div class="col-sm-3">
     <section class="panel">
      <div class="panel-body">profile content ... </div>
     </section>
   </div>
   <div class="col-sm-3">
     <section class="panel">
      <div class="panel-body">profile content ... </div>
     </section>
   </div>
...
</div>

As you can see they have different heights and they don’t flow from left to right in the right way.

How do I correct this?

thanks Thomas

I don’t know what to do

There should be some documentation, at least!

Hi, Great theme, absolutely love it! I have a couple of questions about the landing page:

1. In the desktop mode the “navbar-brand” link isn’t clickable. I tried removing the z-index from the #nav, but with no effect. Is there a way to fix this?

2. There is a glitch with the scroll bars. Scrolling at the bottom of the page, an horizontal scroll bar appears. On some browsers it disappears immediatly and then everything works fine, on other browsers the page is horizontally scrollable. ( http://i.imgur.com/O4u7QUm.png ) I tried with Chrome and Firefox on Ubuntu, with Chrome, Firefox and Safari on Mac OS X and with Chrome on Android. It’s somehow related to the scrolling animations. Removing animate.css or the jquery.appear plugin everything works great, but i liked the animations How can I fix this?

Thanks!

I have a question about the IE compatibility.

When using asides the content is still disappearing (for example on the profile page). Any pointers on where I’m going wrong?

I kinda suspect the ajax loading we apply inside the asides that makes the height go all places and eventually disappears, the ajax does not change any markup.

I updated from before the fix to the latest version so maybe it’s a markup or class change that I missed. If I need to provide more info or an example of the code please let me know!

Thanks in advance!

Hey. I am using your theme for a PhoneGap app. I just noticed the app is not at all scrolling (default scrolling) on Samsung Duos mobile device. Could you assist me on this? Plus, are there any custom scrolling being used for mobile devices?