598 comments found.
I have another question – I tried to google this question related to fullcalendar but whatever solution I found it seems it doesn’t work – what I am interested in is fullcalendar to be 100% of the window’s height and I I have tried many different css settings along with js settings and nothing worked – I need that option and would like to request your assistance to make it happen using your kit.
.fc-scroller{
height: auto !important;
}
Thanks for the reply but that didn’t work – I have added .fc-scroller but nothing have changed. Does it depend on something else not been setup. It seems like calendar can only work with ‘auto’ or with pixel height under ui-options. Nothing else seems to stretch the calendar to the browser height. Any idea? Thanks for your support!
unless you recalculate the height of the fc-scroller.
Hello,
On the calendar page, i am noticing huge lag while scrolling on mobile devices (using iPhone 6) only in situations when calendar is full of events (1 or 2 per for each day). Could you help resolve the issue?
Use a custom css. you can add in the libs/jquery/fullcalendar/dist/fullcalendar.theme.css
.fc-scroller{
-webkit-overflow-scrolling: touch;
}
Hello,
Can you make proper html example pages with documentation on classes? its very hard to “figure out” everything from just the angular themes, the example you add as html are not like your previous themes, where it was easy so figure out everything
Thank you.
This theme’s html version uses ui-include to include html snippets. <ui-include src=”’blocks/snippets.html’” just replace this placeholder with the src html. and also parse some variables, eg. <div class=”nav-stacked nav-active-{{app.setting.theme.primary}}>, it will apply app.js variables to it, nav-active-primary class will be used .
Hello,
I have a question regarding Flatkit code: do you have es6 version? Or maybe you have another similiar angular dashboard with ES6 support?
No es6 version. Thanks
What if I want to use this kit in my Angular App and the app has Angular UI-Bootstrap. Would Angular-Strap conflict with it?
This template included ui-bootstrap and angular-strap, but they are lazy loaded. they can not be used at the same time.
in you case. you can remove the angular-strap. use the ui-bootstrap.
Thanks
Got it. What if some of your components are purely built with Angular-Strap? and if so, which ones are those? I’ll buy it if it is not many.
In this theme, we just include the angular-strap, and do not use any it’s modules with other components.
Thanks
So You are just including the Angular Strap Library but none of the components are made with it.
Yes.
Hi,
Recently I bought the template Flatkit and I just going to use the demo “Four”.
I wondering whether you have a simple package just with this bundle (Four), without the other templates?
Thanks and regards!
No separated template, it’s a layout, so you can copy other page content into this layout.
Hi Support,
Would like this know it is a way to call modal prompt from bottom like http://themeforest.net/item/flatkit-app-ui-kit/full_screen_preview/13231484 but it call from javascript instead of using data-target?
You can call from js. it’s bootstrap modal component.
Hi, i am happy with the UI kit but for some reason my aside won’t stay streched and it is always folded no matter what I put as aside classes. I even tried copying aside from the demo where aside is not folded. How can I fix it?
class=”app-aside modal fade sm nav-dropdown” class=”app-aside modal fade sm nav-expand”
I think I solved the mystery of mine – I commented out the line in app.js, but also would like to know if there were some other way of doing. Forgot to mention I use html version.
It’s using local storage to save the folded status. you can remove the storage code in app.js.
Thanks for your reply!
Hi author, I bought your theme and use. But when using it i dont have html, all files in folder html all are mounted angular code. I have no use angular. You can send me the download html? Thank you.
This html version use ui-include to ajax html snippets. it’s part of html version, not angular code.
Thanks
Hi, i want to use the HTML versión but i have a problem they have angular code yet, and is causing several problems with mi integration, did you have an HTML version only?
Only two ng-class on the “html/layout/layout.html”, you can remove them and use the ”>grunt build:html” to regenerate all the html files.
how can we make sure that ui-grid takes up the remaining space. app-content is only relative so in your example it makes you scroll the grid when there is plenty of space for the grid to take up.
Remove all the fixed width in angular/scripts/controllers/uigrid.js
{ name: ‘company’, enableFiltering: false, width: 200 }
Hello,
Is there any way to have the HTML version of the template WITHOUT any angular code? I really don’t mind having to work with the block that the ajax loads, but to clean every tags of every “ng-” tags and all of the “{{” that are still in the HTML version is a bit over the top. There should be a clean HTML version somewhere!
If there isn’t, I would respectfully ask to have a refund. I would have not bought this item knowing I would still have to do a lot of clean up work to get the advertised HTML version.
ng-class="(.*)"
the {{variables}} is used in the html version for color switch.
I’ve reorganized the site structure using company policy. We are using the HTML version. Our structure now looks like this
index.html
—-assets
—-—-js (all js/jquery)
—-—-css (all css/fonts/icons)
—-—-img
—-—-mods (all blocks, ie. headers)
For some reason, dynamic mods like dropdown.scale.html do not appear when I click their button. What component is in charge of this? Maybe I didn’t include paths correctly…
index.html
—-assets
------js (all js/jquery)------css (all css/fonts/icons)------img------mods (all blocks, ie. headers)It’s ui-include.js to load the dynamic mods. use chrome developer tool to see if any error happens.
Hello Flatfull.
The theme looks great!
I want to create a website where users can signup, login and post their blog entries/other content on their timeline. The signup for the users will be free. The site will have ads for revenue purposes, though.
In that case, do I need the regular license or extended?
Regards.
Regular License.
Thanks
Thanks for the prompt response!
Cheers!
Hi – I just bought this beautiful app. I am trying to set it up so that the index is dashboard 4 but by default its the landing page; how can I change this? Whats the best way to get set up? the documentation doesnt advise how to do this. Thanks
Can you also please add me to the github repo too. Thanks
Open “angular/scripts/config.router.js” line 24. var p = 4,
Please give me you http://gitlab.com account name.
Hi, could you add me to your gitlab repository? My login is vsventy. Many thanks
Added.
Hi, I am just starting with flatkit.
The target is to get a medical practice application that makes possible following patient in term of desease, treatments, billing. There are two or three osteopath in the office, then a login feature is required.
Can you give me some tips where to start, have you any example similare to this application
Thanks a lot
regsrds
Daniel
contact by email: dinaebnit@gmail.com
eeb55418-e91f-423a-bf9d-c6721b1c7055 – 27 May 2016 REGULAR LICENSE
No experience on such application. you can check http://fantasy.co/work/healthcare for inspiration.
Where can I find the full documentation? Of course I have seen the 1 document page within the app…that being said, I am looking for full documentation. Thank you 
The docs.html is the documentation. for other plugins or modules, you can find their official documents on github.com.
Thanks
So the only documentation for this entire app is that one page?
Maybe you can help? The setting for the folded nav is not working In angular/scripts/app.ctrl.js on line 45 either true or false nothing changes. Am I missing another setting somewhere?
Browser storage will override the app.setting. so you need remove the local storage, Open chrome developer tool, go to “Resources > Local Storage” and find ngStorage-Flatkit-Setting field, remove it.
Thank you for the reply! I tried that and for some reason it doesn’t change on my local machine. It does change when I push to heroku tho
Hello, I am planning to buy this theme, It is nice. But I would like to know Could you add a more different type of angular Chart? because I starting web app with lots of data analytics and customers are want to see lots of different charts. If it were possible, I would like to buy this one, theme, colour and everything look nice.
Thanks Bukhuu
The included e-charts have many chart types and examples you can use. https://ecomfe.github.io/echarts/doc/example-en.html
Thanks
Hi there!
I have a question, i`m currently working on the summernote editor, however, I have trouble dealing with callbacks.
I`d like to have extra modules/plugins ( if nothing else, a simple word counter ) and handle that with the summernote editor. However, I cannot use the onKeyup event to access the current instance. How would I go about doing this? The version I have ( i`m using the html version ) is 0.6.16 and it`s very hard to find documenation on anything before version 0.7, let alone how to get the contents from the editor inside those callbacks.
Basically what I currently have is:
<textarea ui-jp="summernote" id="content_text_textarea" name="content[text]" ui-options="{
height: 180,
name : 'content[text]',
id : 'content_text',
toolbar: [
['style', ['bold', 'italic', 'underline', 'clear']],
['para', ['ul', 'ol', 'paragraph']],
['codeview', ['codeview']]
],
onKeyup: function(e)
// this is where I have trouble accessing the live editor
console.log($(this).summernote('code'));
},
codemirror: {
theme: 'monokai'
}
}">{{content.text}}</textarea>
console.log($(this).summernote(‘code’));
=>
console.log($(’#content_text_textarea’).summernote(‘code’));
Hey there! I tried that as well, forgot to mention that, but that doesn`t seem to do the trick. It`s weird, I can access:
var q1 = $('#content_text_textarea');
console.log(q1); // returns a normal juery object
var q2 = $('#content_text_textarea').summernote('code');
console.log(q2); // returns undefined
It looks like binding or a late binding issue of some sort, any ideas? Maybe update to a newer summernote version?
I am not sure what version are you using. but use .code() works.
$(’#content_text_textarea’).summernote().code();
