80 comments found.
Hi,
We are using lazy loading for dynamically loading stylessheets and js files for plugins on demand.
In order to use this functionality firstly add the following attribute to your table tag
data-plugin="DataTable"and pass your options to
data-options="{}"
Ofcourse you can manually load those files. add the following to the head tag
<link rel=”stylesheet” type=”text/css” href=”../libs/misc/datatables/datatables.min.css”>and the following after jquery
<scrtipt src=”../libs/misc/datatables/datatables.min.js”></script>and then call the plugin in your javascript code as follows
$(document).ready(function(){
$('#myTable').DataTable();
});
for the full list of options of the datatables plugin visit Datatables
<ul id="top-nav" class="pull-right">
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="zmdi zmdi-hc-lg zmdi-settings" /></a>
<ul class="dropdown-menu animated flipInY">
<li><a href="profile.html"><i class="zmdi m-r-md zmdi-hc-lg zmdi-account-box" />My Profile</a></li>
</ul>
</li>
.....
</ul>
Hi zakawinny,
We are using bootstrap dropdown functionality and as you know it’s compatible with almost every browser out there. So I think the problem is in the specific browsers you mentioned.
If you made any changes to the core code provided by us I suggest to review those changes, you may made any mistake there
hi Thank you for your writing back.i sure i am not change angthing
This is my process
1.unzip themeforest-16230780-infinity-responsive-web-app-kit.zip to the server root path
2.modify the default/index.html file No. 374 line,a href=”profile.html” replace a href=”javascript:void(0)”.
3.use my phone open htpp://192.168.3.114/default/index.html
4.click on “My Profile”,and the url not redirect to profile.html.
By doing so you modified the link just in the ( index.html ) file.
In order to make any modification and get it reflected in all files you have two ways:
- Modifying each individual file. but this process is tedious
- Or you can make the modification in the template files that are in templates directory and then rebuild using grunt
Note: for more info on how to use grunt tools read the Documentation
.dropdown-backdrop{
position: static;
}
add this code to css file can fix the bug
hi ,
good to hear that you figure out solution for your issue .
enjoy the template 
Hi there!
I downloaded the template, locally Chrome and Mozilla seem to display right away, but Internet Explorer and Edge, do not render.
Is there are a way to get IE to display the file locally?
Hi,
You should put the template files on a server (e.g. localserver) in order to get it running properly.
it comes shipped with a pre-installed server if you have nodejs installed on your system you can run the following command from a command line from the root directory of the template
npm start
Could you please provide me core.min.js uncompressed file?
Hi Srinivasinfo
this file is composed automatically using (grunt-usemin) from many files, you can find this list of files in (templates/layouts/base.html) under this comment portion:
<!-- build:js ../assets/js/core.min.js -->
Ok, Got it. Does this theme have AngularJS version?
Not yet, but we are thinking of that
Is it possible to disable the customizer and just use a theme as default? I think I must disable jquery storage plugin?
Hi ,
we have just answered your question in your previous comment
if you problem solved don’t forget to rate us .
cheers
Is it possible to disable the customizer and just use a theme as default? I think I must disable jquery storage plugin?
Hi Serverjunge,
You can do so and even remove the customizer at all by removing the following
(div element)
#app-customizerwhich is in: (templates/layouts/base.html) and then rebuild using grunt as follows
grunt assemble
Another solution
- you can set the display property of (#app-customizer) to none in your css codeI purchased the theme only to see it does not work on an iPad. Will there be a fix for this?
Hi npgibbs ,
thanks for using Infinity
the good news is Infinity works perfectly on any device
and we have record a video just for you testing it on real life ipad
feel free to ask anything
have a good day
The demo and my installation are not working. All I see is the background, the config wheel and a scroll bar. What do I need to do to get it to work?
I see the problem. It does not work in private mode on the iPad.
- If the app.js file or any other core javascript file is not loaded properly.
- If you have any issues in your own javascript code.
- And if you are disabling javascript in your iPad web browser.
How can I set the ‘defaultDate’ option in datetimepicker as moment()?
Hi, ianrodrigues
For the full list of options of the plugin visit:
https://eonasdan.github.io/bootstrap-datetimepicker/Options/#defaultdate
and then you can pass your options through
data-options="{}"
attribute on the HTML element you are using
I hope that helps.
Cheers
Hi! The problem is I want to use this:
data-options="{defaultDate: moment().format() }"
But in the Chrome console, I recieved: moment is not defined
:cry:
Any planned for a php version with the header,navbar,sidebar, & footer in different files?
Hi x33blair , thanks for using Infinity
at the meantime we don’t have a plan for the PHP version yet , we do have some updates and futures we wanna to add them on the HTML version .
we may consider do so in the near future , after being satisfied with the HTML one .
cheers
Is it possible to switch out the avatar photo in the stream on the Dashboard 2 with a Font Awesome icon with a color behind it? You actually have one right on the same page under the Connect Point with the IE logo. That’s exactly what I am looking for, only the same size as the avatar images on the stream.
Hi mate ,
well yeah it’s possible . here is
go to
stream
widget-body
streamline m-l-lg
sl-item p-b-md
which every time from the 5 on the stream have
( sl-item p-b-md ) you will gonna find
<div class="sl-item p-b-md">
<div class="sl-avatar avatar avatar-sm avatar-circle">
<img class="img-responsive" src="../assets/images/221.jpg" alt="avatar" />
</div>
<!-- .avatar -->
<div class="sl-content m-l-xl">
<h5 class="m-t-0"><a href="javascript:void(0)" class="m-r-xs theme-color">John Doe</a>
<small class="text-muted fz-sm">last month</small>
</h5> <p>John has just started working on the project</p>
</div>
</div>obviously we will gonna work on this line
<img class="img-responsive" src="../assets/images/221.jpg" alt="avatar" /> just replace it with
<div class="icon icon-circle m-0 m-r-md b-0 primary text-white" style="width: 40px; height: 40px; line-height: 40px;">
<i class="fa fa-internet-explorer" />
</div>and boom
you could add special class or some to play with the color and stuff
cheers
Hmmm.. that doesn’t seem to work. The icon is repeating randomly throughout while the circle is positioned correctly with one icon. Here is the code if have now:
<div class="sl-item p-b-md">
<div class="sl-avatar avatar avatar-sm avatar-circle">
<div class="icon icon-circle m-0 m-r-md b-0 primary text-white" style="width: 40px; height: 40px; line-height: 40px;"> <i class="fa fa-internet-explorer" /> </div>
</div>
<div class="sl-content m-l-xl">
<h5 class="m-t-0"><a href="javascript:void(0)" class="m-r-xs theme-color">System</a><small class="text-muted fz-sm">4 days ago</small></h5>
<p>Ima Sample registered on MLRE.</p>
</div>
</div>
And here is the result:
Hi paravelmedia,
you should use:
<i class="fa fa-internet-explorer"></i>instead of:
<i class="fa fa-internet-explorer" />
That did the trick! Thank you!
your welcome
Hi,
I really like your theme. Is it possible to get a blank page only with the needed css and js? Because I want to use it together with Laravel elixir but I am not sure, wich css and js files are needed for the core of the theme.
An a blank starter page only with navigation (topbar) would be awesome.
Thank you! Dominik
Hi Serverjunge, thanks for using Infinity.
Yes you can do this easily, To accomplish that you have two options:
If you are using grunt:
you can create an empty html file in any sub-folder in the templates folder and then from the command line run:
( grunt assemble:default )OR
( grunt assemble:topbar )depending on the layout you are using (e.i, default or topbar) any of these commands will generate a new HTML file containing the navbar and sidebar and the essential components and JS, CSS files.
Manually:
Open
( templates/layouts/base.html )
file and copy the content to a new empty HTML file and replace {{ body}} with the contents of one of the following files:
( templates/layout/default.html ) OR ( templates/layouts/topbar.html ) depending on the layout you are using.
lat us know if you need any more help
cheers
Hi, am I allowed to buy this theme and use it in an open source project? I’m unsure about the licensing details in such cases :/
I see that there was an update released today. Do you have a change log for this update? Also, just a suggestion for a future release: Data Tables and Timeline
Hi Paravelmedia, thanks for using Infinity.
the last update was cleaning the code even more, and we just have an another update on the review will gone be available today or tomorrow
Within Features:
- Rebuilding the second Dashboard
- Rebuilding Buttons Demo Page
- Rebuilding Panels Demo Page
for the Data Tables we already have it
for Timeline we will add that on our future update
if you do have any other suggestion we would like to hear it
if happy with the product you could rate it, thats help
Cheers
Great bro, GLWS isA
thanks nawara
Great Template , Congratulations
thanks mate
Beautiful work, Looks great, GLWS
thanks
Congratulations my friend, GLWS
Thanks mate
