Discussion on Melon – Flat & Responsive Admin Template

Discussion on Melon – Flat & Responsive Admin Template

By
Cart 2,403 sales
Well Documented

Stammi supports this item

Supported

186 comments found.

Hello, thank you for the great updates… now I can use your app with mobile devices in a more stable enviroment.

I am having issues trying to apply (see below)... its just does not take the command… and keeps displaying by default the 5 rows…

$(document).ready( function() { $(’#example’).dataTable( { “iDisplayLength”: 50 } ); } )

What is wrong? any sample of something that works for that?

Thank you. Daniel

Hey dancaceres,

there is a much more elegant solution to apply custom options to DataTables. :)

Please have a look at the documentation Main Elements -> Tables -> Dynamic/ Managed Tables and look at data-display-length.

Example for you:

<table class="table datatable" data-display-length="50">
[...]
</table>

I would appreciate it if you could open a new thread in my support forum next time. :)

Much regards,
Simon

ok thank you

You’re welcome, glad I could help. :)

Any eta on the next update? And will it include fontawesome 4?

Hey anazar,

yes, I’ll will update FontAwesome to the newest version 4 in the next update. Nonetheless, I’ve currently not an ETA for the next update.

Much regards,
Simon

This template has psd documents?

Hey dicitheme,

yes, Melon comes with Photoshop-files (PSDs). :)

Much regards,
Simon

Thank you for your reply Simon

You’re welcome. :)

On “Dynamic Tables” page “Column Filter” table has one issue. Once you filter it by “status” by using dropdown filter option, there is no way of clearing that filter. You can change filter by status type but how can i clear it so all the results shown again? I am have technical knowledge, if you explain me how to add this feature i can add it by myself.

Much appreciated!

Hello spiderzaur,

thanks for your comment and bug spotting; you have a good eye. :)

Please change in assets/js/plugins.js around line 387 from:

$(this).children('select').addClass('full-width-fix').select2({
    placeholderOption: 'first'
});

to:

$(this).children('select').addClass('full-width-fix').select2({
    placeholderOption: 'first',
    allowClear: true
});

I hope that helps. Next time I would appreciate if you could open a new thread in my support forum. :)

Much regards,
Simon

in the calender is it possible to have a feature to add an event for the particular date

Hello ramjeevan,

as I wrote you in your other post: Yes, you can have a look at the renderEvent-function.

Much regards,
Simon

hi simon Thanks for your help

You’re welcome. :-)

Hi, this is the best template for backend but I would like to use it on frontend as well. The documentation was complete. Great!

Hey fadlisaad,

thank you very much for your compliment, I really appreciate it. :)

Have a great week,
Simon

Will the next version update to font awesome 4?

When it’s wished, yes, one of the next update will contain this. I just added it onto my ToDo-list. :)

Thanks,
Simon

but how to add event input in the calender is there any way

select data and key some text for the event , while saving i will save it in the table

select particular Date and add some event name for that , any idea or is it possible?

It is possible to add events into the calendar, since I’m using the FullCalendar-plugin. You can see an example here: http://arshaw.com/js/fullcalendar-1.6.4/demos/external-dragging.html

My site has 3 different languages. English, Turkish and Hebrew. English and Turkish are simple but Hebrew? Is this template ready for Right To Left Languages?

No, not in the near future, I’m sorry. :(

Can i get your e-mail address? Because i want to make offer for this :)

You can contact me via the formular on my profile page. :)

Any frontend template that somewhat matches or compliments this admin template?

Hello archiman,

thanks for your comment. :)

Currently, there exists no frontend template from me. But for sure you can have a look at the HTML-section from ThemeForest or in specific Landing Pages or something like that. I’m sure you’ll find something that matches to Melon. :)

Good luck,
Simon

Hi stammi, nice works, congr..

I want give a class name to every clicked links in left sidebar menu

I always use this that below code, it is working everytime, but not worked on your theme, have you any idea? Thanks for help.

<script type=”text/javascript”>

$(function(){ var url = window.location.pathname,

urlRegExp = new RegExp(url.replace(/\/$/,'') + "$");
$('#nav li').each(function(){
    if(urlRegExp.test(this.href.replace(/\/$/,''))){
});
$(this).addClass('current open');
}

});</script>

Hey roidelune,

thanks for your compliment and purchasing Melon. :)

The JavaScript you provided is invalid and returns an error in the JavaScript console (you’ll see this with e.g. F12).

Could you please open a new thread in my support forum with valid JS-code and/ or what the script should do?

Thanks,
Simon

Hi

Is a really nice theme, can i change the blue main color?

Thanks

Hello RHCP1972,

thanks for your interest in Melon. :)

Yes, you can change the main color with modifying a variable “mainColor” in the variables.less. Then you need to recompile the LESS (you can have a look on the documentation for this) and you’re finished.

If you don’t want to recompile the LESS-file(s) on your own, you can write me an Email. :)

Much regards,
Simon

Dear sir, This is a great template! I am already purchased this item,I think this theme can add “Table with resizable columns”

Hey qrrking,

thanks for your comment and suggestion! :)

Basically, Melon also supports table with resizeable columns. I just have made no demo for it. You can use the DataTable-plugin ColReorderWithResize.

If you need instructions, just open a new thread in my support forum.

I added it on my ToDo-list to add a demo for it. :)

Thanks,
Simon

Nice theme! I want to use this template for corporate site (not just for admin) so for good user experience i removed plugins (which i don’t need actually, only bootstrap’s) and wanted to have latest build of jquery and bootstrap (3.0.2), when i put bootstrap.css (3.0.2) logo and notifications (on top) moves to center. Did you modify bootstrap.css or update breaks something?

Hello deedarb,

great idea to also use it as frontend. :)

I don’t touched the original jQuery and Bootstrap (bootstrap.css) files. But it may be true that an update breaks something.

I would appreciate, if you could open a new thread in my support forum. I’ll personally try to update it to the newest libraries and will provide you with instructions on what to fix so that it doesn’t breaks anything.

Thanks for buying Melon,
Simon

Nice theme Stammi. Suggestion: if you are using lo-dash (underscore compat version), App.debounce() function is not needed.

Hey meno69,

thanks for your comment and suggestion. :)

Currently lo-dash is only used for the Daterangepicker. So, if somebody don’t want to use this plugin, he can also remove lo-dash, which results in faster page load. For this reason I made the rendundant function App.debounce(). :)

Have a great day,
Simon

Thanks for the update, I was literally looking to build a 404 error page just last night.

Hehe, good timing! You’re welcome. :)

This is a great template! I am about to purchase this item, but after reading some comments, it seems that you will give update regarding the Chrome Android error and other functionality. When do you plan to release that update? Because i do not want to get the update while i implementing my site a lot. Thank you.

Awesome, thanks for purchasing, mimicreative! :)

I’ll be glad to answer your questions. I appreciate you’re posting them in my support forum. :)

Have a great day!

It seems that i got slow respond at the forum. :(

I want to enable the responsive things in datatable, but i initiate it using ajax source. The responsive won’t work. Any other method?

Hey mimicreative,

I’m currently really out of time. A lot of things are going on in my life. I’ll answer your question in your thread as far as possible.

I hope you understand,
Simon

Menu doesn’t show up on mobile. It displays white background only. Not good.

Hello ViaWaVe,

I understand your frustration. Your Email is safe in my support forum. It’ll not be used for any advertising, just for informatuion messages, if you received a new post in your thread, if you activate this option.

The fix is definitely included in the next update. I prefer to release big update instead of small ones so that the user has not to update the template every week. :)

Thanks for sharing your opinion with me. That helps me to understand customers needs and to improve myself. :)

Have a great day,
Simon

Ok, after the initial hump, your template is fantastic! It looks sharp, nice and clean and works like a charm. I do have a problem with your support forum though. I entered my activation code when I first went there and all was fine. Now, it won’t let me read any posts and asks for my activation code again. When I submit the code it tells me its already in use…which of course it is. I am stuck not being able to read support pages. I need to know how to adjust the Date Picker so that the date selected becomes highlighted. Right now, it says 30 Days in blue. I want this to change to the date selected (in blue). I have scoured through js and css files and I can’t figure out how to set the intial date to blue. Thoughts?

Hey ViaWaVe,

first of all: Thanks for your compliment, I really appreciate it! :)

When you first entered your activation code you already created an account for further use. You choosed a password while registering. You can simply use your username (ViaWaVe) or your email and your password for logging in. Then you’ll have full access to the support forum.

Regarding your question: I think you’re talking about the Bootstrap DateRangePicker, right? You can change the options like startDate and endDate in assets/js/plugins.js line 21: initDaterangepicker.

I would recommend to initialize your own DateRangePicker in order to simplify the update-process of Melon. You’ll receive detailled information about this at their GitHub page: https://github.com/dangrossman/bootstrap-daterangepicker

Much regards,
Simon

Hello, I’m auditioning through the cellphone, however, I realized that the “modal” does not work the same with “Fullscreen datepicker” and “Fullscreen TimePicker”. Congratulations Template, I’m waiting! (I’m from Brazil, sorry for my english)

Hello ceicom,

thanks for the congratulations. :)

The Bootstrap modals and the fullscreen datepicker are two different plugins, so yes, they must be initialized/ configured differently and are working in another way.

Unfortunately, I may do not understand you correctly. Could you please open a new thread in my support forum and restate your question, so that I can give you an answer you’re expecting? :)

Thanks,
Simon

I really like the look of this theme. Can this be used as a theme for Wordpress admin?

Thank you

Hey faysalism,

thanks for your comment. :)

In general, everything is possible with this template, but you need to customize it on your own. Admin Templates on ThemeForest are just frontend without any logic behind it. So it does not work out of the box with WordPress.

I hope that helps,
Simon

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