Discussion on Flatkit | App UI Kit

Discussion on Flatkit | App UI Kit

Cart 2,376 sales
Well Documented

Flatfull supports this item

Supported

598 comments found.

Can you help wit doing a “Show More” with the ng-repeat? Also, in your angularjs file ‘Angular’ there was a way to open a modal with a separated html with the $modal directive, I can not do this on here, is there a way for this as well?

I do not see a ui-jq slimScroll also on this template, is there an easy way to add this?

simple show more http://stackoverflow.com/questions/27437882/angular-directive-with-ng-repeat-ng-show-show-more-and-lazy-load

you can config the slimscroll in the confg.lazyload.js and call on the page <div ui-jp=”slimScroll”>

Chrome Error:

Uncaught TypeError: $(...).ionRangeSlider is not a function

configlazyload.js

rangeSlider: [ ’../libs/jquery/ion.rangeSlider-master/js/ion.rangeSlider.min.js’, ’../libs/jquery/ion.rangeSlider-master/css/ion.rangeSlider.css’, ’../libs/jquery/ion.rangeSlider-master/css/ion.rangeSlider.skinFlat.css’ ]

why?

ionRangeSlider:[ ’../libs/jquery/ion.rangeSlider-master/js/ion.rangeSlider.min.js’, ’../libs/jquery/ion.rangeSlider-master/css/ion.rangeSlider.css’, ’../libs/jquery/ion.rangeSlider-master/css/ion.rangeSlider.skinFlat.css’ ]

the function name is the same as the key in configlazyload.js

hi, Do this project has a thorough documentation about how to use ?

thank you

Hi again,

Also just noticed a problem with the floating labels on the material design forms. If you initialise the markup with a value in the input (say when the form fails validation) you can see the label behind the text.

See: https://dl.dropboxusercontent.com/u/89366974/Screenshot%20from%202016-03-13%2012-53-40.png

and another issue when you click the 3 vertical dots (on the top right menu on smaller screen sizes) and then make the window full size the top header is still as it was on the smaller screen size.

see: https://dl.dropboxusercontent.com/u/89366974/nav-bug.PNG

1. Quick fix for floating label add
$('input, textarea').each(function(){
  $(this).val() ? $(this).addClass('has-value');
  $(this).removeClass('has-value');
});
in scripts/ui-form.js

2. It’s collapsing menu, i will look into this.

Thanks

is there any way to style links as buttons too

Apply the “btn primary” class on the A link.

Hi

Is there is any validation for the material design input fields, some way to show they are incorrect, like with the bootstrap style forms?

Thanks

Steve

Use a custom css,
.has-danger .md-input{
  border-bottom-color: #d9534f;
}
.has-danger .md-input ~ label{
  color: #d9534f;
}

Hi, admin.

I am add this theme into phalcon but view icon not right position

Please, help me.

Can you chat to skype: phung.ngoc.vinh.

Please, help me

Can you paste the screenshot or contact to heyflat@gmail.com

Thanks

Hi

http://prntscr.com/ae6gs9

Header part of the problem. What should I do?

Put the file on a server to preview. Thanks

Hello can you please update ui-bootstrap to a version >= 1.0.0 They added the typeahead-min-length=”0” option which is not in the 0.14.3 and neither in angular-strap’s typeahead. When I try to use the >= 1.0.0 it breaks most of you bootstrap showcase page. Thanks.

I will look into the 1.0.0, Thanks

Hi, is there any way I can have a header that’s width is 100%, and then a left aside and a right aside? I know this has already been asked in the comments but there is no answer or an example.

Would be awesome.

It’s the layout 4.

Thanks

I tried to create a left and write “toolbar” which should not be wider than the folded nav aside. Didn’t manage it. The .col-1 is too wide for a toolbar. Any was to realize this?

You can use pull-left, pull-right to position the left/right toolbar.

Hello, In right-to-left mode and in the medium breakpoint, the sliding menu opens on the left when clicking the top right hamburger icon. I think it’s a bug, it would make more sense if it would open from the right (in larger breakpoints, the menu is correctly positioned on the right).

Thanks

You are right. i will look into this. Thanks

I need to display the username in the navbar. I retrieve it from backend using $http service through an ajax request. Do I need to attach a controller to the navbar ? If I do, what would be the approach to add a controller to the navbar ? Thank you.

You can add a controller on the navbar. and in this controller call a user service to get the user name/avatar.

That would be a great idea, thank you!

Hi there, a quick question about the layouts. What are the major differences between the layouts ? As I noticed, the big difference between those is the navigation. Thank you.

Yes. and the colors, 6 different main pages. the layout 4 is total different.

Thanks

Thank you.

What do I need to do to make the menu always stay off-screen until clicked, no matter how wide the window?

You can put a “hide” class on the #aside to hide the nav, and click to remove the hide class to show the nav.

Thanks

Hi Team,

Kindly, i was looking for a presentation widget as Slideshow Player as (SpeakerDeck, SlideShare and Swipe.to) presentation players:

Which contains mainly Next Slide, Previous Slide, Progress Bar, Full Screen and Share ..

Is Flatkit contains a similar one? How can you help and support in providing me with a presentation widget (Slideshow Player) according to Flatkit theme?

Thanks

This theme only has a Bootstrap carousel. but you can check this plugin. http://jssor.com/

Thanks

hey the scss isn’t compiling with the prefixes when i do grunt build – any idea why not?

The prefix works, check the “assets/bootstrap/scss/mixins/_grid-framework.scss”

How to add a new in my html? I have added a new value in MODULE_CONFIG in config.lazyload.js with my new script.js file that i need to use in my examplepage.html but it not work.

Thanks

You can put your code in a function and save to script.js, eg liveSearch() in script.js

and then you can call it in the pjax:end function( scripts/js/ajax.js ).

I did this, and console give mi an error like: “liveSearch is not defined”. I put the script.js link in every page. I put it in HEAD?

Thanks

Put the script.js in the index.html before the body tag end as other scripts.

Hi Flatkit Team,

The Angular Versions in not working on the localmachine after downloading .. It respond with the following:

XMLHttpRequest cannot load file:///Users/Downloads/Designs/themeforest-13231484-flatkit-app-ui-kit/views/layout/layout.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting! Watchers fired in the last 5 iterations: [] http://errors.angularjs.org/1.4.8/$rootScope/infdig?p0=10&p1=%5B%5D at angular.js:68 at Scope.$digest (angular.js:15934) at Scope.$apply (angular.js:16160) at bootstrapApply (angular.js:1679) at Object.invoke (angular.js:4523) at doBootstrap (angular.js:1677) at bootstrap (angular.js:1697) at angularInit (angular.js:1591) at HTMLDocument.<anonymous> (angular.js:29013) at fire (jquery.js:3099) Uncaught Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting! Watchers fired in the last 5 iterations: [] http://errors.angularjs.org/1.4.8/$rootScope/infdig?p0=10&p1=%5B%5D

You need put the file on a server.

Ok .. Thanks

How is it possible to add legend next to line chart (flotchart)? I tried this http://imgur.com/ZMvi7Ch but it doesn’t work. Thank you.

Why Select2 Widget not work inside form wizard? Thanks

I think the Select2 not init when it’s in a hidden wizard step. so you need init it when the wizard step changes.

https://github.com/VinceG/twitter-bootstrap-wizard
by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey