598 comments found.
Dear Flatkit team,
I would like to ask the following: When I use “ui-jp” on the ”select”, I will not get any values in my $scope.variable. However, when I remove “ui-jp”, I will get the selected values. What would be the best way to get the values?
Regards
if you work on angular version. use the ui-select angular module.
Does this work also without angular?
Please tell me also how sass files are structured, it’s separated in multiple files, well organized for each components? Thanks
Angular and Html versions are included, It’s separated in each files with components.
Thanks
Hey, Just to let you know that package.json still states 1.1.2 in the latest version, which is supposed to be 1.1.3.
Anything else is awesome, thanks!
Got it. Thanks.
Hi, I really like the theme and want to use it. I have 3 important priorities for my project: 1. Making an angular single page application. 2. Using Data tables. this is the highest priority.I have to use this. I’m not sure how you guys are integrating datatables into angular version. There are similar plugins in angular but none can match data tables in terms of functionality. you mention that 70% of jquery, plugins work without directives but i need a bit more clarity on how you manage to support data tables inside of angular spa. ( would it be a separate html page ?)
Do let suggest the best approach i can take without compromising on either datatables or angular spa.
Also i have other questions. What all in included in this packages.?
Btw , beautiful design guys.
1. This theme have the angular version. 2. This theme included the datatables in the angular/html version.
In the angular version, you can still call the the datatables apis in your controller.
Thanks
Hi! Does Flatkit support bootstrap 4 flexbox mode? It is the default mode from bootstrap 4 alpha 6.
You can use the Flexbox mode. Thanks
Hi We’re releasing our flatkit powered product soon. Are there any updates coming up in the next months and if yes, what changes be in there?
Working on the update to bootstrap alpha.6. Thanks
Dear Flatfull
I want to know how to used external data json request to plot into the chart.
I used FlatKit
You can use ajax to call the json data and init the plot chart. Thanks
I am using this theme to setup a new project with angular-cli (https://github.com/angular/angular-cli) and i am having some hard time integrating the scss files. Do you have any recommendations or document to integrate it with angular-cli project?
right not i can add bootstrap, font-awesome styles and added the app.scss file to the project but the left navbar menu not rendering properly.
your help is much appreciated. thank you.
No experience on Angular-cli, Thanks
In a modal box, I am having trouble showing date picker and it’s hidden behind. Also, I wasn’t able to set z-index to bring it in front. I am using col-md-4 for the layout of the things inside modal-body. Here:s the screenshot for you to have better idea: http://jmp.sh/vSsVpoE
Just to say it again – great work you did with this theme.
The html version works fine. are you using angular version?
I am using HTML version but as you can see it doesn’t work – any other suggestion ?
<div class="input-group date" ui-jp="datetimepicker" ui-options="{
icons: {
time: 'fa fa-clock-o',
date: 'fa fa-calendar',
up: 'fa fa-chevron-up',
down: 'fa fa-chevron-down',
previous: 'fa fa-chevron-left',
next: 'fa fa-chevron-right',
today: 'fa fa-screenshot',
clear: 'fa fa-trash',
close: 'fa fa-remove'
}
}">
<input type='text' class="form-control" >
<span class="input-group-addon">
<span class="fa fa-calendar" />
</span>
</div>
I found a way to fix this as it might help someone else as well. Problem is with overflow:hidden in .clear class. To fix this I have added overflow:inherit !importantl to .modal-body class which will resolve the issue of not seeing date picker completely, then I have set min-height to be important to preserve original height I used to have before changing overflow.
Hello, I would like some help regarding the information on my page that does not load automatically, only when I click on F5, when browsing the pages, the outdated information is displayed.
I found the same questions where you ask to include the plugins in index.html or use the ui-load.js service to load the plugins.
But I do not know how to do this.
Could you help me with an example?
This template html version using pjax. https://github.com/defunkt/jquery-pjax . You can disable it by remove the html/scripts/ajax.js .
also other plugins using lazyload to include on page. you can directly include the plugins on the page, and call the plugins when you need it.
There is bug on form.layout.html. Basic form and Horizontal form are not visible in some screens sizes
Got. there is a col-lg-12 after the col-md-6. start a new row for the col-lg-12.
Thanks
Hello! Thank you for distributing these beautiful theme. Unfortunately there is a bug in dashboard.3.html. When I open this page in Safari and in Google Chrome there a two different styles displayed. In Safari it is dark and in Chrome it shows the light version. What can you recommend? Greetings, Toni
The color is saved on user browser. so it’s not the same when you view on different browsers. Thanks
Hello -
I am using FlatKit v 1.0.1, and getting the error: “ui bootstrap $modal is not a function” when trying to use Footable, Modal popup to edit table’s rows and this Bootstrap UI pagination control http://screencast.com/t/e0R3jGnd (included in FlatKit).
Is this a known issue for v1.0.1?
Do you have an ability to give me a working example of a FlatKit view/controller using Footable, modal, and this pagination control?
Thank you,
Alex
Please advise… It has been 9 days…
Footable have it’s own pagination control. You can use the Bootstrap modal jquery version.
hello no RTL example ?
Hi. How i can change background ? <body class=”grey” ui-class=”grey”> – don’t help
If you want set the fixed color on body, you need set the bg: ‘grey’ on html/script/js/app.js line 36
Ssory, it don’t work
also remove the setTheme() function on html/scripts/app.js.
Hello Flatkit Team,
We are using Flatkit for one of our upcoming projects. We have been testing the input types you have build and we really dig the Material inputs found on this page (scroll to bottom):
http://flatfull.com/themes/flatkit/html/form.element.htmlUnfortunately it came to our attention that the are no Material selects available and no Material input error messages available.
We tried tried to use the components provided by the Angular team, yet we have to include 5 additional files on top of the Flatkit framework.
https://material.angularjs.org/latest/demo/selectCould you include Material selects and Material input error messages in your next release? Or could you help us with building the additional components or tell us if you have used some framework to build the current ones?
Thanks!
These form style is built with pure css. you can use the ”.md-input” class on select to have the material style.
Hello The style and color of the buttons select the form, it is not correct in Mozilla Firefox. How can I do? Sorry for my English Thanks
hi! how can i use this in RTL mode? i don’t find the files and how i change it. thanks
<link rel="stylesheet" href="../assets/bootstrap-rtl/dist/bootstrap-rtl.css" type="text/css" /> <link rel="stylesheet" href="../assets/styles/app.rtl.css" type="text/css" />
do you have the design resource file ?such as sketch?PSD?
This theme does not have a such file. Thanks
Hiii,
Many special thaaaaaaaaaaaaaanks for your creative kit.
I’ve faced this issue many times with FlatKit:
I want to use e-charts inside slider (using JS) but when slider works, the e-chart plugin doesn’t work! .. the kit calls JS libs for one plugin at a time
- libs= librarys
in both angular & Html
You can call plugins on different element tags. eg <div id=”a-plugin” ui-jp=”a-plugin”> <div id=”b-plugin” ui-jp=”b-plugin”></div></div>
