3890 comments found.
Hi there! I’m also facing the same gulp.run errors that others are referencing. I’ve updated my gulp file to use a function-based approach as opposed to tasks so it appears as though everything is running, but unfortunately the style.less is still not being compiled, despite me have a rule specifically for it… Any help would be much appreciated 
Hi there
I’d be happy to help, I sent you a code to replace earlier to be something like this
https://gist.github.com/teamrevox/8969cf5bdfc7b1aeaf49Let me know
Hey guys! I concur with Bryan001’s comments. It’s very confusing to know where I should make my css/less changes. It doesn’t make sense to make changes directly in the pages/less files because if we ever update they’ll get overwritten. Yet, there doesn’t seem to be any gulp commands created for compiling the assets/less files.
My question: How should I update the gulp.js so that my style.less is compiled when gulp.watch is running?
Thanks!
Hi there
Yes true, its not wise to update pages.css but instead you write it to assets/style.less
Try the following
gulp.task('less', function () {
gulp.src(config.assets+'/less/style.less')
.pipe(less({
paths: [config.assets+'/less/']
}))
.pipe(gulp.dest(config.pages+'/css/'));
});
gulp.task('watch', function () {
gulp.watch(config.assets+'/less/*.less', function(event) {
gulp.run('less');
});
});
Are there any tutorials on using this? im having troubles in making a simple page
Hi there
Sorry about the late reply, Hope you had a great weekend What are you planing to create ? I’m assuming you did have a look at the docs. I would love to help you out. Just give me more description, I might even create the page for you so you can get a better understanding
Hi Ace, I’m using the Angular project and am trying to implement the gallery using ng-repeat with data from an api. Everything works great; I can get all the images to show up in on the page but, for some reason, the images show up in a straight line and not in the isotope grid. it looks like the style isn’t being dynamically generated even though I’m leaving the class “gallery-item” on the repeated item.
Any idea how to fix?
See screenshots: images: https://drive.google.com/file/d/0B-r5llGpXi8xckpnXzd0emwzeDA/view?usp=sharing html: https://drive.google.com/file/d/0B-r5llGpXi8xX2dINTBZY2h0YTg/view?usp=sharing
Also, can you get me github access? @beatelite
Hi there
I added you into github, hope you had a great weekend. I will get back to you on this in abit
Do you think it’s possible to include the eCharts (Entreprise Charts) library in a futur version of Pages ? This library is just amazing and proposes a lot of graphs (that is useful for an admin panel you will agree with me 
)
This library is included in the admin panel of one of your competitors who has included 8 pages just with examples of that library. Check it out : http://demo.interface.club/limitless/layout_1/LTR/echarts_combinations.html
Hi there
Thank you for suggesting! It is really good! 
you are awesome. I will include this
Hey, does it works with magento?
Hi there
It’s an HTML template, not build for Magento
Hi. I’m having a problem with forms when I use col-md-12 and two fields per row. When I reduce my screen only few elements look good. I share you my screenshots: http://prntscr.com/8w83u5 and http://prntscr.com/8w859h. Thanks and sorry for my english
Hi there Just checking up your screen shots
Do you use
.row as per row in your code ?
Is it possible for me to see your form code ?
HI,
I just bought your theme and i have a question : Why do you insert directly plugin code one the page.js ? i find selectFx.js code parallax code, quickview….
There is a reason ?
Thanks a lot for you reply.
Hi there
Do not worry about it Even if the plugin is missing, it will not throw errors, the reason why we did it because you can use data attributes to initialize select plugins, Without having to deal with JS code for each plugin, if not your js files will increase by size and you will be frustrated if you find any difficulties.
When you want a SelectFX all you need is
data-init-plugin="cs-select"
<select class="cs-select cs-skin-slide" data-init-plugin="cs-select">
<option value="Web-safe">Web-safe</option>
<option value="Helvetica">Helvetica</option>
<option value="SegeoUI">SegeoUI</option>
</select>
Like wise for tooltips, tabs, selectbox
Thank you for your reply, but why do you not use external call for these plugin ? Parallax and quickview plugin are your own plugin or it is a paste of existing code ? Concern the selectFx.js insert into the pages.js file, there are custom actions code compare to the intial code purpose by codrops ?
Thank you
Just one other question and after i stop to disturb you : If there is an update of the plugin selectFX.js how can i do to update my code easily ?
Parallax , Quickview are our very own, even selectFx is a custom build for pages, The reason why it’s included is because you do not have to insert 3 different JS includes to your HTML, they will be triggered on data api on your html If you have github access you can see they are in different files, when we are distributing we compile it to one. You can customise the compiler to include what you want, Can I have your github username ?
Thanks a lot for your quick reply ! i appreciate it ! it very clear !! Very good support
No problem I can add you to github repo, saw you can get access to latest bug fixes and module code.
Unfortunately i do not have github access for the moment we plan to déploy it soon in my company so i will contact you at this moment to give you my account !
Great!
It was announced for 29th of September … One month later, still nothing. Not really professional
Hi there
Yes! I’m really sorry about the frustration, We are working really hard, There only 3 task left to release Pages 2.1.0. I’m doing my best to get it out within today and tomorrow. Thank you for understanding
Hi!
I’ve faced with the error “gulp.run() has been deprecated. Use task dependencies or gulp.watch task triggering instead.”
https://www.dropbox.com/s/wysy7yjweqqyuie/Screenshot%202015-10-28%2022.05.57.png?dl=0HOw can I solve it?
Hi there
Thank you for informing, gulp run task is no longer used in the new gulp They have removed it for some reason and now we have to re write the gulp code I will get that code to you
Good day I have an issues catching the selected value of a <select> I’m using an onChange event listener but it won’t work since the generated for the fancy dropbox literally change its content the moment a selection is made
Here is my HTML Code<select name="IconSize" id="IconSize" onChange="updatefield(this);">
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
</select>
Or let me ask, how do I capture the value/selected index of <select> with JQuery?
Hi there
$('#IconSize').on('change', function (e) {
alert($("#IconSize")[0].selectedIndex);
});
Hi Ace!. I’m having a problem with forms when I use col-md-12 and two fields per row. When I reduce my screen only few elements look good. I share you my screenshots: http://prntscr.com/8w83u5 and http://prntscr.com/8w859h. Thanks and sorry for my english
Hi there
We missed your comment! Sorry about that. Did you add .row class to each row ? is it possible for me to see your code ?
<!-- START PAGE CONTENT WRAPPER -->
<div class="page-content-wrapper ">
<!-- START PAGE CONTENT -->
<div class="content ">
<!-- START JUMBOTRON -->
<div class="jumbotron" data-pages="parallax">
<div class="container-fluid container-fixed-lg sm-p-l-20 sm-p-r-20">
<div class="inner">
<!-- START BREADCRUMB -->
<ul class="breadcrumb">
<li><a href="javascript:void(0);">Inicio</a></li>
<li><a href="/web/app_dev.php/administrador/unidades-funcionales">Propiedades / Unidades Funcionales</a></li>
<li>
<a href="javascript:void(0);" class="active">Nueva Propiedad / Unidad Funcional</a></li>
</ul>
<!-- END BREADCRUMB -->
</div>
</div>
</div>
<!-- END JUMBOTRON -->
<!-- START CONTAINER FLUID -->
<div class="container-fluid container-fixed-lg ">
<!-- BEGIN PlACE PAGE CONTENT HERE -->
<form action="/web/app_dev.php/administrador/nueva-unidad-funcional" id="unidad_funcional_form" method="post" role="form" >
<div class="row">
<div class="col-md-12">
<div class="panel panel-transparent">
<div class="panel-heading">
<div class="panel-title">
Datos de la Propiedad / Unidad Funcional
</div>
</div>
<div class="panel-body">
<div class="row">
<div class="col-sm-6">
<div class="form-group form-group-default required">
<label>Nombre / Nro. de Unidad</label>
<input type="text" id="unidad_funcional_nombre" name="unidad_funcional[nombre]" required="required" maxlength="255" class="form-control" placeholder="Nombre único para referenciar la propiedad. Ej.: 1A para depto o L9 para lote" />
</div>
</div>
<div class="col-sm-6">
<div class="form-group form-group-default">
<label>Código</label>
<input type="text" id="unidad_funcional_codigo" name="unidad_funcional[codigo]" maxlength="50" class="form-control" placeholder="Código opcional para referenciar a la propiedad." />
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group form-group-default form-group-default-select2 required">
<label>Consorcio</label>
<select id="unidad_funcional_consorcio" name="unidad_funcional[consorcio]" required="required" class="full-width" data-init-plugin="select2" placeholder="Consorcio al que pertenece la Propiedad / U.F."><option value="" selected="selected">Seleccione un Consorcio</option> <option value="3" >Edificio VB</option></select>
</div>
</div>
<div class="col-sm-6">
<div class="form-group form-group-default form-group-default-select2 required">
<label>Tipo de Unidad Funcional</label>
<select id="unidad_funcional_tipoUnidadFuncional" name="unidad_funcional[tipoUnidadFuncional]" required="required" class="full-width" data-init-plugin="select2" placeholder="Indique el Tipo de Unidad Funcional"><option value="" selected="selected">Seleccione un Tipo</option> <option value="1" >Departamento</option> <option value="2" >Local</option> <option value="3" >Cochera</option> <option value="4" >Lote</option></select>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group form-group-default">
<label>Ubicación</label>
<input type="text" id="unidad_funcional_ubicacion" name="unidad_funcional[ubicacion]" maxlength="255" class="form-control" placeholder="Cualquier referencia a la ubicación de la propiedad." />
</div>
</div>
<div class="col-sm-6">
<div class="form-group form-group-default">
<label>Superficie (mts2)</label>
<input type="text" id="unidad_funcional_superficie" name="unidad_funcional[superficie]" class="form-control" placeholder="Superficie de la propiedad. Importante si calcula las expensas en base a este dato" />
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group form-group-default form-group-default-select2 required">
<label>Propietario</label>
<select id="unidad_funcional_propietario" name="unidad_funcional[propietario]" required="required" class="full-width" data-init-plugin="select2" placeholder="Dueño o Titular de la Propiedad"><option value="" selected="selected">Seleccione un Propietario</option> <option value="4" >Vergara, Americo</option> <option value="6" >Suarez, Carlos</option> <option value="2" >Guaymás, Guadalupe</option></select>
</div>
</div>
<div class="col-sm-6">
<div class="form-group form-group-default">
<label>Teléfono</label>
<input type="text" id="unidad_funcional_telefono" name="unidad_funcional[telefono]" maxlength="50" class="form-control" placeholder="Teléfono asociado a la propiedad" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="panel panel-transparent">
<div class="panel-heading">
<div class="panel-title">
Configuración de la Propiedad para el Cálculo de Expensas
</div>
</div>
<div class="panel-body">
<div class="row">
<div class="col-sm-6">
<div class="form-group form-group-default required">
<label>Porcentaje de expensas (%)</label>
<input type="text" id="unidad_funcional_porcentaje" name="unidad_funcional[porcentaje]" required="required" class="form-control" placeholder="Proporción respecto al 100% de las propiedades" />
</div>
</div>
<div class="col-sm-6">
<div class="form-group form-group-default">
<label>Saldo Inicial</label>
<input type="text" id="unidad_funcional_saldoInicial" name="unidad_funcional[saldoInicial]" class="form-control" placeholder="Saldo pendiente para sumar a la primera liquidación" />
</div>
</div>
</div>
<div class="form-group form-group-default">
<p>Puede deshabilitar temporalmente la propiedad para excluirla de la liquidación de expensas</p>
<div class="checkbox check-success checkbox-circle">
<input type="checkbox" id="unidad_funcional_habilitada" name="unidad_funcional[habilitada]" value="1" checked="checked" />
<label for="unidad_funcional_habilitada">Habilitada?</label>
</div>
</div>
<div class="form-group form-group-default">
<label>Observaciones</label>
<textarea id="unidad_funcional_observaciones" name="unidad_funcional[observaciones]" class="form-control" placeholder="Observaciones acerca de la propiedad"></textarea>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" id="unidad_funcional__token" name="unidad_funcional[_token]" value="D7hQhtIhP56cl3l_pYphqljZsnM6fDNWBk1IeJO36iI" />
<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-body">
<p class="pull-left">
Los campos marcados con <span class="required_help">*</span> son obligatorios.
</p>
<div class="pull-right">
<button type="submit" id="unidad_funcional_submit" name="unidad_funcional[submit]" class="btn btn-success">Guardar</button>
<button type="submit" id="unidad_funcional_save_and_add" name="unidad_funcional[save_and_add]" class="btn btn-info">Guardar y agregar otra</button>
<button type="button" onclick="document.location = '/web/app_dev.php/administrador/unidades-funcionales'" class="btn btn-default">Cancelar</button>
</div>
</div>
</div>
</div>
</div>
</form>
<!-- END PLACE PAGE CONTENT HERE -->
</div>
<!-- END CONTAINER FLUID -->
</div>
<!-- END PAGE CONTENT -->
</div>
Yes ace, I see my form like your screenshot, the problem is when you minimize the window size or you see from mobile.
Hi, I roughly go through the getting started documentation, but still not sure how to use this template to build my website. I want to use the HTML version, so I must use Grunt or Gulp builder to create the page? it’s possible or not to copy and paste any element I want to the new created html page? Or do your have any recommendation ways to build the page? Thanks.
Hi there
You really do not need grunt or gulp, go to the folder demo/html/
You will see all the demo files that are showcased!
You can copy paste elements to create new pages.
Hi Ace!!
Is it possible to have a tooltip attached to a form-input, inside a form-group form-group-default? That looks like this little i on the left of the word investor, so when I mouse over the i the tooltip shows up
I have some fields in my form that need much text to explain, so the placeholder or span help is not so good for this.
Thanks!!!
Hi there
Yes you can I will send you the code in abit
This is great!! Looking forward for this!!
Thanks!!
Hi there
Really sorry about the late reply, We have added overflow:hidden for form-groups and that’s why the tooltip gets cut off, the alternative would be to set tooltip container to body like this
$('a[data-toggle="tooltip"]').tooltip({
container: 'body'
});
Hey Ace, any word on the long-waited update ?
Yes! Finally its going to be this Thursday – Friday
having trouble submitting the data from nestable to the server . . . any specific instructions. Have gone through all the examples on the nestable site, but no success, can send you our short “send code” if it helps offline.
Hi there
Hope you had a great weekend You are having a form submit ? yes ?
either form submit or using ajax in the background each time there is an onChange method triggered, was able to extract info and even change it to a JSON string, but once submitted all the info is just undefined and such .
even tried to pair with with $.param() but no luck either . . . wanted to send something that’s simple to manage and process on the server level like the plugin http://mjsarfatti.com/sandbox/nestedSortable/
Oh I get it now Will check and get back to you
Typeahead feature doesn’t work on tallest plugin.
Thank you again! I replied earlier
Typeahead feature doesn’t work on tallest plugin.
*taglist plugin
tagsinput
Hi there
Thank you for informing I will look into it
Hi guys, How do I remove the progress top bar and rounded progress icon on every page load… I dont need it, can you tell me which part to delete or where can I find it.
<link href="assets/plugins/pace/pace-theme-flash.css" rel="stylesheet" type="text/css"/> .... ... <script src="assets/plugins/pace/pace.min.js" type="text/javascript"></script>
Thanks.
In IE, dropdown controls not working properly. When i add too much elements inside dropdown, vertical scrollbar appears but list items become invisible.
Hi there
Two Questions IE 11 and is it Select2 plugin ?
IE 10 and 11. Not Select2. You can see it in your form elements demo page, the first part of “dropdown controls” area. If i add more elements, vertical scrollbar appears but list items become invisible.
Thank you for reporting Will get it fixed
