172 comments found

proch Purchased

Guys,

It would help if you can document some the classes that you are using through the template. Quite frankly, I’ve seen better documentation. It looks great, but it does not make sense if you spend lots of time going over thousand of line of codes just to figure out what is going on :( For example: what does

 m-r m or m-t-n-xxs or m-t-m 

means. This is absurd! :(

Are you developing these template for yourself or for the customer?

It makes this template a two stars.

Spend time and update the documentation appropriately!

proch
proch Purchased

Much better. Thank You for your quick action!

Flatfull

I will add more details. Thanks!

I think the documentation page is broken…

Flatfull

It’s back, Thanks

Is this mobile first?

Flatfull

It’s base on Bootstrap, it’s mobile first.

Thanks for this great template, but I am having one specific issue I was hoping you might have the answer to.

I’m unsure how to actually submit from the form wizard. I’d like it to be post data but while testing, the form just stays at its final page. Is there some javascript needed to sniff a button click at its final state? Thanks for your help in advance!

Flatfull

if you want to use the ajax to post the form, you can bind event to the finish button to grab all the input data and use ajax to post data.

if you want to post the data as normal, you can put a form tag wrap the finish button and the inputs. and change the button to ‘type=”submit”’.

thanks

Hi, I just bought your template, looks great so far, but I found a bug in app.utilities.less: .box-shadow{box-shadow: 0 1px 3px rgb(0, 0, 0, 0.05)} Should be: .box-shadow{box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);} It was causing problems with header in landing page. It took me a while to detect the issue so I think it maybe useful to someone else. :)
Flatfull

Fix in next update. Thanks!

Hi Flatfull Amazing template! I have tried to figure this out, however I couldn’t find any information on how to automaticly open the infoWindow for Gmap3, so that the user dosen’t need to click the marker first. Could you provide a code that matches with your maps/demo.js code?

Hi, awesome templates! And honestly, I can’t decide which I should buy/use for my new project.. todo or notebook. Does one of these templates have a higher priority (maintaining/adding new features etc.) for you?

Flatfull

Both are being maintained and new features will add to both. Thanks.

http://flatfull.com/themes/note/index.html

On your portfolio page you’re not showing the latest version are you?

If you scroll down on the latest version, beyond the breadcrumb, you’ll notice that the main section content slightly spills (by 1px) into the header content. It also makes the left sidebar spill into the header by 1px when you scroll down.

I don’t have a webserver with this on to be able to show you but I’m sure you must have a local version on your computer so please verify. I am using the latest version of safari and chrome on a mac:

Screenshot

jamesaps

you can make the image larger by opening the image in its own tab, but you can see that the main content is going into the header.

I noticed that on your hosted version of the theme, the header height is coming up to 50px whereas on the latest downloadable version of it it is coming up as 51px.

Please help.

Thanks

jamesaps

I’ve just realised that it is because the Open Sans font isn’t being imported into the document for some reason (could this be because I’m testing on a local computer?). The fallback of the Helvetica font causes the header bar to enlargen. Workaround?

Flatfull

Hmm, maybe. the demo is the latest version. Thanks

I found out the check box and radio button in the form do not work in IE8, can you please help fix it? Thx

Flatfull

You mean the custom checkbox and custom radio? the epiceditor got a error on ie8 and it effect the custom checkbox/radio

you can remove the <script src=”js/markdown/epiceditor.min.js”></script> <script src=”js/markdown/demo.js”></script>

Thanks

Any plans to upgrade to Boostrap 3.1?

Flatfull

Update tomorrow, Thanks!

Flatfull

Upgraded to bs 3.1

Can you update the information on what has changed with this latest update? Thanks

Flatfull

Updated and you can see the detail in the change.log.txt file.

Thanks

Default-user

Cheers!

Hi, I have a problem since recently and just don’t know where to start: If I open a new tab and go to my website in chrome (33.0.1750.117) – server or local doesn’t matter – all the fonts and icons are like “visibility: hidden”. They show up as soon as I resize the window but it is still very annoying.

It doesn’t happen with the downloaded sourced though. Just started to happen on my site.

Any idea why this could happen? Where could I start looking for the cause?

Flatfull

Tested on Chrome:33.0.1750.117 m, Window 7 as your way. but i can not reproduce the issue, i will keep an eye on it. Thanks

Flatfull

Hi, i have just found this issue, seems it’s the sparkline make the chrome not work and only when you open a new tab, and only found on table-static.html, other page like index.html works fine.

it’s wired.

Flatfull

Got a fix, put the jquery and sparkline js on the top(in the head tag) will fix this.

ntan72 Purchased

Hi,

i have a simple question that drives me nuts about 48 hours In the form elements http://flatfull.com/themes/note/form-elements.html you have 2 Dropdown select examples.

In the first i can select only one, in the second i can select multiple.

Both examples have exactly the same code.

How i define if the user can select only one or multiple.

I have implement the first example and when i select an item the li its become active, when i change item i have both li active etc.

How can i resolve it

Flatfull

check the select options. one is radio input. one is checkbox input.

Hello, I really like this theme but can I display table rows line-by-line when they the appear on small resolutions like this example: http://acmdemo.deadpixelstudio.co.uk/clients ? (Try to resize or use your mobile to see how it looks and table rows are displayed in separate lines)

I have a requirement whereby I want to tie up the following fragment of code to be executed for all the dynamically created html elements. This fragment of code is present in app.plugin.js.

$(’.no-touch .slim-scroll’).each(function()

Let me know if there is a way of doing it.

Thanks in advance.

Flatfull

if you dynamically created html elements by js. you can call a function and put these code in it.

Default-user

Thanks I have bought both of your templates “notebook” as well as scale. One more thing if I make the search form as the part of John.Smith drop down, remove the hidden-xs and resize the window to emulate the small device. Clicking the caret cannot hide it. Kindly suggest.

Flatfull

it’s default show the dropdown. you can find in the app.css .nav-user .dropdown-menu {display:block};

if you use the less, you can find it in the app.nav.less

you can remove the “display:block”

Thanks

Hi, love the theme. Is there any documentation on how I would get live-data flowing on the “live-data” chart ;)?

Flatfull

Check the js/charts/flot/demo.js line 159. or this page. http://www.flotcharts.org/flot/examples/realtime/index.html

Thanks

ykvarts Purchased

Really Great Template! Well done :)

I have a small issue with scrolling on gallery page, on mobile chrome only. http://flatfull.com/themes/note/gallery.html When you scroll down and then up, scroll jump to the top of the page, even I just slightly scrolled up. Which makes browsing images a bit difficult.
Flatfull

which code make the resize event triggered. i did not find it.

Thanks

Default-user
ykvarts Purchased

resize event triggered by browser, check this http://stackoverflow.com/questions/17328742/mobile-chrome-fires-resize-event-on-scroll

code that subscribes for event is in jquery.grid-a-licious.min.js this.bind(‘resize’, debounce(fn)) and it calls // add smartresize $(window).smartresize(function () { container.resize(); });

container.resize(); – this rebuilds grid.

I did simple width check on resize event as in link above

Flatfull

Got, Thanks!

I modified the search form on the topbar to include as below…

<form role="search">
     
         
            <select data-ng-click="$event.stopPropagation();" class="form-control">
                <option value=""></option>
                <option value="ABC">DEF</option>
                <option value="ABC">DEF</option>
                <option value="ABC">DEF</option>
                <option value="ABC">DEF</option>
                <option value="ABC">DEF</option>
                <option value="ABC">DEF</option>
                <option value="ABC">DEF</option>
                <option value="ABC">DEF</option>
                <option value="ABC">DEF</option>
            </select>
         

As I hover the mouse over the list of items in the drop down list, the items disappers, fades out and reappers as i keep hovering over them. Kindly let me know the fix for it.

Thanks.

Default-user

This happens in almost all places where I am using <select></select>. Kindly get back to me on this.

Flatfull

I used the code below. it works fine. put a “on” class on the dropdown-menu, it will prevent the dropdown disappear when click on it.

<section class="dropdown-menu aside-xl animated fadeInUp on">
   <section class="panel bg-white">
       <form role="search" class="m">         
            <select data-ng-click="$event.stopPropagation();" class="form-control">
                    <option value=""></option>
                    <option value="ABC">DEF</option>
                    <option value="ABC">DEF</option>
                    <option value="ABC">DEF</option>
                    <option value="ABC">DEF</option>
                    <option value="ABC">DEF</option>
                    <option value="ABC">DEF</option>
                    <option value="ABC">DEF</option>
                    <option value="ABC">DEF</option>
                    <option value="ABC">DEF</option>
           </select>
      </form>
   </section>
</section>

Thanks

Hi,

Any css class or markup to use; to show the validation required asterisk besides the input. Mine is showing the asterisk below the input.

Thanks

Flatfull

You can use the “inline input-s-lg” class on the input

<div class="col-sm-10">
    <input type="text" class="form-control input-s-lg inline"> 
    <span>*</span>
</div>

Hi,

Brilliant work on the template guys!! Before I purchase it though, I would like to know: if I use this template to create a web application, how do I make it so that users can sign up, create accounts and share their own pictures?I plan on modifying it through visual studio 2013. But I have trouble making templates fully functional.

Thanks

Flatfull

You can choose wordpress, user can sign up and post things. but this file not compatible with wordpress. you need do some custom work.

Thanks

by
by
by
by
by
by