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.

What are the grunt dependencies That this theme has? It has livereload?

"devDependencies": {
    "grunt": "^0.4.5",
    "grunt-assemble": "^0.4.0",
    "grunt-bump": "0.0.15",
    "grunt-contrib-clean": "^0.6.0",
    "grunt-contrib-concat": "^0.5.0",
    "grunt-contrib-copy": "^0.5.0",
    "grunt-contrib-cssmin": "^0.14.0",
    "grunt-contrib-htmlmin": "^0.3.0",
    "grunt-contrib-sass": "^0.9.2",
    "grunt-contrib-uglify": "^0.5.1",
    "grunt-contrib-watch": "^0.6.1",
    "grunt-sass": "^1.0.0",
    "grunt-usemin": "^3.1.1",
    "http-server": "^0.6.1" 
  }

You can add the livereload dependence.

Thanks

Hi team We need to activate Angularjs html5mode in our application because we are using OAuth 2.0 and when we click on “Login” we go to our OAuth server and after we login successfully the OAuth redirect to Application, and because the ’#/’ and the redirect the ui.router is doing a infinity loop, the solution that we found is change the Application to use html5mode, for that we need different http-server to use on develop, to apply a rewrite rules on the server

When we try to install “connect-modrewrite” we are getting the WARN below

npm WARN Flatkit@1.1.1 license should be a valid SPDX license expression

$ grunt server >> Local Npm module “connect-modrewrite” not found. Is it installed?

Running “server” task Warning: Task “connect:server” not found. Use—force to continue.

Aborted due to warnings.

We do not know if it is related with the WARN, could you help us to configure html5mode on our application ?

Thanks Francisco

Change the config.router.js
.config(
    [          '$stateProvider', '$urlRouterProvider', '$locationProvider', 'JQ_CONFIG', 'MODULE_CONFIG', 
      function ($stateProvider,   $urlRouterProvider, $locationProvider, JQ_CONFIG, MODULE_CONFIG) {

$locationProvider.html5Mode(true);

also check this https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-configure-your-server-to-work-with-html5mode

Hi,

I would like to know how start angular project in blank page. But I don’t know how do that.. Can u share an documentation step by step to start project clearly please ?

Thanks, Alex

There is a blank page, view from this router #/app/page/blank, Thanks

Thanks, but, how have a clean folder only for angularjs and no for angularJs/html project. Only for angular.

You say on another comment, to exporte angular files on root, but when I do this, I have an error when I build project with grunt..

You can build on local server with current folder structure. and move the “angular/” to root folder when release on server.

Hi team, We are having a problem with the lazyLoad, if we are inside one view which loaded the dependency like “resolve: load([‘ui.bootstrap’, ‘mgcrea.ngStrap’, ‘scripts/controllers/chart.js’])”

if we refresh the page, the page break, we notice that on the hosted example if we refresh go to home page ?

other question is we why load(..) is loading both files ? and the dependency does no match with the original bower project

files: [ ‘libs/angular/angular-bootstrap/ui-bootstrap-tpls.min.js’, ‘libs/angular/angular-bootstrap/ui-bootstrap-tpls.js’ ]

Thanks Francisco

1. ui.bootstrap and mgcrea.ngStrap are not compatible, you need choose the suitable one for your project.

2. ui-bootstrap-tpls.js is not original bower project. it’s custom bootstrap 4 template.

We will choose one of them “ui.bootstrap’ or ‘mgcrea.ngStrap’ ...

the other question is about the lazyLoad,

if we refresh the page, the page break, we notice that on the hosted example if we refresh go to home page ?” ]

Thanks Francisco

which page break, make sure the router is config right

hello Flatfull, i dont know anything about node and npm and bower. i want only html files. i want to use this theme with php. can i use this theme without installing node and npm and all

You do not need the node or npm, put the files on a server to preview it.

PS: a general question but are updates to the theme included for life or for 6 months only? The “What does support include?” link is a bit confusing in that regard. Thanks!

Did not find the user “pequet” on https://gitlab.com/

Sorry about that, please try now. Thank you so much! (user “pequet” on https://gitlab.com/)

Added. :)

Hello. Great theme. Sorry if that has been asked a million times already, are you working on an Angular 2 version? I know it’s in beta but Bootstrap 4 is in alpha at the time of writing. Thanks!

Yes. working on an Angular 2 version. Thanks

Hello there, i`m using the flatkit set as a “classic” html frontend to php. I`m creating a form with a from / to date field, however, I would like to change the language from English to Dutch. How can I change the language for all datepickers without using Angular? I compiled the packages so I have a app.html.js and a compressed/minified css file already.

Hi, is this templates useful for Wordpress?

This template is a static html template, not wordpress theme. Thanks

On the AngularJS version there’s this title area being generated each page: http://i.imgur.com/idZ3krE.png

I’m using the HTML version, is it possible to get this same thing? I’m using PHP and whenever I change pages it keeps the previous page title and not the one for the current page. I’m guessing this is the JS interfering?

You can disable the ajax, remove the “html/scripts/ajax.js”, or change the ”#view” to ”#content”, so load the whole content area with the title.

Is there anyway to utilize the no-ajax class? I like how the sidebar uses ajax, but I don’t want ajax effecting the top nav with the title.

Disregard my last comment. It was Cloudflare interfering with it. Your solution worked. Thank you!

cgv

cgv Purchased

Hi, I can’t access the documentation. Can you tell me how can I get detail documentation on installing and using your theme.

Regards

This is a static html template, just put the files on a server to preview. documentation here http://flatfull.com/themes/flatkit/angular/?#/app/docs

I know its not ur product but maybe u can help men anyway. When using http://dbushell.github.io/Nestable/ is there a way to reset the originally order? How can I manage that?

The idea is get the init serialised data and use this data to build the list on the page.

Easiest way to make the aside (sidebar) wider? Wasn’t sure if there was a CSS class already created or if there’s an intended way with just CSS.

Use the “lg” class on the aside.

Hello,

I would like to know whether the HTML version will be having a combined JS & CSS file or the normal split ones.

Regards Anish

Html source files have the split js/css, the live demo using the https://github.com/yeoman/grunt-usemin to combine the js/css files.

Thanks

Is there an email to reach you at to view this install? Things aren’t aligning vertically.

Example of issue: http://i.imgur.com/THYQXPO.png http://i.imgur.com/69eRTVs.png

Markup: http://i.imgur.com/w0FJvSs.png http://i.imgur.com/G51Y4mm.png

Fixed, was missing: ”<!DOCTYPE html>”

PSD files are included ?

No PSD file for this item. Thanks

Do you some example show me how to used ajax(pjax) to call backend service url every 1 second. and update value to the UI

  • Backend service will return as json message.

Thanks a lot Paw

Use a setinterval
$(document).ready( function() {
    //Definition of the function
    function hi(){
        $.getJSON( "url", function( resp ) {
              // use the resp to refresh the ui
        });
    }
    //set an interval
    setInterval(hi, 1000);

    //Call the function
    hi();
});

What version of AngularJS does this theme currently use? If it’s not AngularJS v1.5+, is there a plan to upgrade to 1.5 at any point in the near future or is there any key things that are preventing an upgrade to 1.5?

Currently using 1.4.8, but you can update to 1.5.3 on your own. will update to 1.5.3 in next update.

Thanks

Hi, is the html version compatible with a declarative UI framework like Aurelia, Angular 2 and the likes? I mean, I need the JS components to respond dynamically to changes in the underlying data-source, and they should not make AJAX calls on their own, as this responsibility is demanded to my service layer.

For example in Aurelia you should ideally do

<div …some code to init a Flatkit component… data-source.bind=”anObservableArrayInTheController”>...</div>

and the component should respond to changes in the data-source property by refreshing itself..

If it’s not directly supported like in the above snippet, is it possible with some simple wrapper code? Thanks!

The html version does not using any JS framework, the Angular version using AngularJS.

Different components using different way to load their data. eg DataTable can using ajax source. but some other components do not have the ajax data source.

Thanks

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