412 comments found

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hi,

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

Right now it looks like this: http://screencast.com/t/7YHh2ZUQGTJE and they are defined like this:
<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

Flatfull

you can put a <div class=”clearfix”> after every four items. and set a min-height for each of the item.

Thanks

Default-user

thanks

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
I have created a header with a profile name on the left side and a list of buttons on the right side like this: http://screencast.com/t/ZzCChprfh390 This works on the larger breakpoints, until the last button disappears: http://screencast.com/t/fN5Sbh0X

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

Default-user

Turned out it was because of an encompassing vbox higher in the hierarchy

  • Bought between 100 and 499 items
  • Has been a member for 5-6 years
jac1092 Purchased

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

Flatfull

Yes, included.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
mautheus Purchased

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?

Flatfull

Put the app.js app.plugin.js and app.data.js at the bottom after other js.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

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

Default-user

Fix it, //requirejs 2.0 integrates that kind of dependency tree specification directly in requirejs ‘slimscroll’: { deps: [‘jquery’, ‘app’] , exports: ‘slimscroll’ },

  • Bought between 10 and 49 items
  • Has been a member for 5-6 years
nikolaaa Purchased

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????

  • Bought between 10 and 49 items
  • Has been a member for 5-6 years
nikolaaa Purchased

This is code:

<div id="flot-live" style="height:240px" /> <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>
Flatfull

This is the right code. did you use any developer tool to check any js error happened? use the firebug or chrome developer tools.

Default-user
nikolaaa Purchased

It does not display chart. Please try yourself to place this code in page and look on it.

Flatfull

check the analysis.html, remove some sparkline and easy-pie-chart js.

Default-user
nikolaaa Purchased

Yes, it is removed in code above, but it does not display chart. Can you please help with this?

Flatfull

also need remove the <div class=”easypiechart”> and <div class=”sparkline”> tags.

Default-user
nikolaaa Purchased

It is not included. Please look in code I posted above. What you told me to remove is not present at all. Please help me with this.

Flatfull

Send me a msg via my profile page. so i can send the page. Thanks

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

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

My html is like this:
<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

Flatfull
Put the code in a .vbox container.
<body>
<section class="vbox">
  <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>
</section>
</body>
Default-user

thanks

  • Bought between 50 and 99 items
  • Has been a member for 4-5 years

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

Flatfull

This file: js/fuelux/fuelux.js.

Thanks

  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 1-2 years
  • Sold between 100 and 1 000 dollars
  • United Kingdom

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?

Flatfull

On the landing page, the latest update use a attribute data-ride=”scroll” on the “A” link to locate page. you need change to this.

you can use the bootstrap dropdown menu.

Thanks

kungfu-themes

Perhaps I wasn’t clear. Nothing works on your demo pages! Click on the themeforest demo and nothing works.

kungfu-themes

In regards to the menu issue could you put together an example for the next update that has more than one level on the landing page and is also responsive too.

Flatfull

I tested on Chrome and FF, the landing page links work. and i will add an example for second level in next update. Thanks

  • Bought between 10 and 49 items
  • Vietnam
  • Has been a member for 3-4 years
nghi Purchased

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.

Flatfull

ajaxModal load the modal, but the js does not parse the dom in it. you need trigger the validate or pop-over function again. you can put the js in the modal.

Thanks

  • Bought between 100 and 499 items
  • Has been a member for 4-5 years

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!

Flatfull

Check the dashboard-2.html page, it use a img logo.

you can always use the ”.visible-lg” or ”.visible-xs” to show on large or small screen.

Thanks

Default-user

Many Thanks :-)

by
by
by
by
by
by