496 comments found.
Hi there,
I want to remove the flickr gallery but have my own local images load up. I’ve searched this comments section and found that I should replace the entire gallery.js to this code.
$(function () {
'use strict';
$('a[rel^="prettyPhoto"]').prettyPhoto({slideshow:5000, autoplay_slideshow:false});
$("#gallery").gridalicious({
animate: true,
gutter: 1,
width: 250
});
});
However, the gallery.html page does not load up. The wheel keeps spinning and yes, the gallery.html page has your single default ipad image. Also I’m using your latest version.
What am I doing wrong?
Thanks
OR is it possible to change your flickr ajax script inside gallery.js and make it import a standard JSON output generated by a php file. Problem is that I know how to implement the php file that encodes a JSON formatted page, but how will your gallery.js read the JSON data.
$.ajax({
url: 'http://mydomain.com/jsongallery.php',
data: {
format: 'json',
method: 'flickr.interestingness.getList', (not sure what to put here onwards)
api_key: 'f77cf83fcba4290ba3b0c54b36af5f3b',
tags: 'natual',
extras: 'description, date_taken',
per_page: 50
},
dataType: 'jsonp',
jsonp: 'jsoncallback'
}).done(function (data) {
url = 'http://farm' + photo.farm + '.static.flickr.com/' +
photo.server + '/' + photo.id + '_' + photo.secret;
str ='<div class="item">'+
'<img src="'+url+'_z.jpg" />'+
'<a href="'+ url +'_c.jpg" rel="prettyPhoto[gallery]"></a>'+
'<h5>'+ photo.title +'</h5>'+
'<div class="desc">'+
'<h4>'+photo.title+'</h4>'+
'<p>'+ photo.description._content +'</p>'+
'<span>'+ photo.datetaken +'</span>'+
'</div>'+
'</div>';
Any advice would appreciated. Thanks.
[{
id: "1",
title: "Picture 1",
description: "great picture",
thumbnail: "http://mydomain.com/media/pic1thumbnail.jpg",
fullpicture: "http://mydomain.com/media/pic1.jpg",
date: "2014-01-22 10:44:33"
},
{
id: "2",
title: "Picture 2",
description: "great picture",
thumbnail: "http://mydomain.com/media/pic2thumbnail.jpg",
fullpicture: "http://mydomain.com/media/pic2.jpg",
date: "2013-02-12 40:45:36"
}]
use the code below.
$.ajax({
url: 'http://mydomain.com/jsongallery.php',
dataType: 'json'
}).done(function (data) {
var gallery = $('#gallery')
, gl = $('#galleryLoading')
, str;
gl.removeClass('fadeInRightBig').addClass('fadeOutLeftBig');
_.delay(function(){
gl.hide();
}, 1000);
gallery.removeClass('hide').addClass('animated fadeInUpBig');
$.each(data, function (index, item) {
str ='<div class="item">'+
'<img src="'+item.thumbnail+'" />'+
'<a href="'+ item.fullpicture +'" rel="prettyPhoto[gallery]"></a>'+
'<h5>'+ item.title +'</h5>'+
'<div class="desc">'+
'<h4>'+item.title+'</h4>'+
'<p>'+ item.description +'</p>'+
'<span>'+ item.date +'</span>'+
'</div>'+
'</div>';
$(str).appendTo(gallery);
});
buildGallery();
});
This script not tested, you can use the firebug or chrome developer tool to see if the ajax loaded success.
Thanks, but what structure should the JSON be?
[{
"id":"1",
"title":"Picture 1",
"description":"great picture",
"thumbnail":"http://mydomain/media/pic1.jpg",
"fullpicture":"http://mydomain/media/fullpic1.jpg",
"date":"2014-01-22 10:44:33"
},{
"id":"2",
"title":"Picture 2",
"description":"great picture",
"thumbnail":"http://mydomain/media/pic1.jpg",
"fullpicture":"http://mydomain/media/fullpic1.jpg",
"date":"2013-02-12 40:45:36"
}]
I tried the above JSON structure with your ajax code and it doesn’t work
Okay got it working but its displaying each image in a row and not in a grid. One after the other and not across.
Image
Image
Image
But I want to go like this
Image Image Image Image
use firebug or chrome debugger to see if the gridalicious plugin works.
Hello,
Very nice theme.
I have an issue with the Calendar. In the day view, It seems the events do not extend till their actual end time. Can you please help?
Thanks
Can quick fix by this css.
.fc-event{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
Worked like a charm ! Thanks for your prompt reply!
Hi, I noticed there is an height problem on the iPad for this theme. The footer isn’t fully visible, the lowest pixels (10px or something) are missing.
It might has something to do with new topbar in iOS 7, which has changed since iOS 6.
How can I solve this problem? I can send you a printscreen if you would like.
Hi
Browser zoom with Firefox (v26) does not work properly with the Live Preview. Works OK with Chrome.
Any plans to fix this issue?
Works well on Window 7/FF.26 Thanks
Hi. The DatePicker is not working as it should. I have added autoclose: true as a parameter, but it still does not auto close (hide) when I select a date. Can you please advise. Thank You. PS. This issue is happening on your demo page too, though I’m guessing that is because you have not set the autoclose option.
Hi, I need some advice from you (code or reference)
How maintain colapsible menu state when user access the others page.
thanks
Output the “active” class on the “li” tag, Thanks
Hi, I have purchased the theme recently. I would like the datetimepicker component. I tried integrating it myself but the calendar popup flies off to the top left corner of the screen instead of appearing next to the button.
I added this code in the initialise method of tasks.js:this.$(".datetimepicker-input").each(function(){
$(this).datetimepicker().on('changeDate', function(ev){
var chosenDate = ev.date;
this.$("reminderDate").value = chosenDate;
//Add a specific treatment for the date here...
$(this).datetimepicker('hide');
});
$(this).click(function() {
$(this).datetimepicker('show');
});
});
and in the html page i added the following UI element:
<div class="form-group">
<label class="col-sm-3 control-label">Reminder:</label>
<div class="input-group col-sm-6">
<input class="input-sm input-s-sm form-control date"
data-format="dd/MM/yyyy hh:mm:ss" type="text" id="reminderDate"></input>
<span class="input-group-btn">
<button class="btn btn-success btn-sm datetimepicker-input" type="button" id="date-c-btn"><i class="fa fa-calendar" /></button>
</span>
</div>
</div>
Any help would be appreciated or if you have a working code sample, please send it to me,
Thanks for the help, Arvind
Hi I purchased this theme recently. Can you please advise on a fix for <optgroup> labels for FireFox? They are stuck to the edge of the <select> pane when you click the drop down to select something. Only happens in FireFox though. Please advise.
Thanks
Hi, you can add a padding on it
select optgroup{padding-left: 12px}
Hi, Im tring to have one affix div, but when I include app.css affix parameter stop to work.
I see the problem now… is overflow-x: hidden; in app.css line 517
hi,
Do you offer customization? I would be interested in hiring on a per hour bases!
My company would be interested in having you develop an app based on this todo framework. Can you provide me with a quote for development? Please contact me at travis@travitor.com for more information.
Mail sent. Thanks
Hi, landing.html is not rendering correctly as shown online. The latest download renders the fa-circle in a small format and offsets the icons?
Great theme though, looking forward to your upcoming working!
Please advise.
Thanks!
This page does not update to fontawesome 4.0, you can quick fix use tag below:
<span class="fa fa-stack fa-2x">
<i class="fa fa-circle fa-stack-2x text-white" />
<i class="fa fa-bold fa-stack-1x text-info" />
</span>
will be fixed in next update. Thanks
This code does not pass the variables that need to be read below if the user confirms the request, could you help me?
$(function Remover(id, modulo){ var linkRedirect = modulo+’.php?acao=remover&id=’+id $(’#clickMe’).alertBox({ href: linkRedirect }); });
check the js below
function Remover(id, modulo){
var data = {};
data.href = modulo+'.php?acao=remover&id='+id;
$('#clickMe').alertBox(data);
}
Hi there,
I’ve tried on the demo to input text whilst in fullscreen mode and the browser will not allow for this. Could you please advise if there is a way to fix this as I would like my users to interact with the web app within a full screen capacity,
Thanks,
Alex
Hi, i tested on the chrome and firefox. (click the ‘todo’ logo on index.html), it allow input the text.
Thanks
Hi Flatfull – thanks for your response – I am currently using Safari and cannot enter when in fullscreen mode – I will test now in Firefox
Just tested – firefox works / Safari not yet – could you please provide fix or indication of line to resolve bug? Alex
Thanks for this – I am using V6.1.1 / I’ll look into the above articles
also, the fullscreen plugin is from this http://sindresorhus.com/screenfull.js/ test this page on your safari.
Just tested – yep a bug with Safari
// Thanks for this documentation – hopefully Safari is updated before our site release. Alex
Hope it can be fixed soon. 
Hi Guys, It’s a beautiful template. Could I request for 2 samples pages in one of the upcoming versions: 1) Landing page with a login form, like this: http://192.241.236.31/test2.smartadmin/login.html
2) Landing page with a register form, like this: http://192.241.236.31/test2.smartadmin/register.html
Thanks for your help.
There are signin.html and signup.html. just need put them on the landing pages.
Thanks
Very nice theme! Just bought it.
Icons on Landing are off the circle in ‘Features’ and ‘About this project’. Please let me know how to fix it.
Thanks 
CSS classes seems to be different on Preview and downloaded version.
This page not updated to Fontawesome 4.0, use tags below
<span class="fa fa-stack fa-2x">
<i class="fa fa-circle fa-stack-2x text-white" />
<i class="fa fa-bold fa-stack-1x text-info" />
</span>
Thanks
Thanks! Is that it or I need to update any other pages too?
Only this page. Thanks
Thanks!
Hello,
I have a database that contains a table and every record of this table is considered as a “Sticky Notification” I want to show every record that are created in the table to show as Sticky Notification with a close (X) and open ( ) buttons on every Sticky Notifications.
The user will login to see this information.
Is this possible using your template?
This template does not have any database related funtion except for the Notes.
You need integrate this html template.
Thanks
Thank you for your reply. I need to know how can I use your template showing data from my database?
There is a datatables plugin that you can use to load youir data. it support json format.
Thanks
If I buy a regular license I can use the theme design for a social network that I am developing?
One more thing, this page: http://flatfull.com/themes/todo/landing.html is also included?
Yes. included.
I’m trying to get scrollable class to work inside a tab, is this possible? code works perfectly while outside a tab but inside it stops scrolling and just goes down the page. I’ve redesigned the mail page and want it to replace the folder content with the email instead of adding the email content on the right. Is there an easier way to do this with a data-toggle function or is tab better?
Do you have any plans on extending the theme?
I’d love to see: Worldmap with Google API jQuery Knob
You need set a height on a div when use the .scrollable class. I think you can use js to hide the folder and show the content when one item clicked.
Thanks.
Can’t scroll with arrows e.g. on this page: http://flatfull.com/themes/todo/widgets.html
Can drag the scrollbar to scroll
Thanks
Interesting… but what does the pack contain? Is it well organized? Do I have access to the less file or just the compiled css?
I’d like to know that before I buy it, thanks!
Yes. you can get all the less files and separate css/js fies after purchase. it’s well organized.
Thanks