1772 comments found

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
dnenciu Purchased

Hi I just bought the template and I’m having a problem with the doc. The navigation does not work on Safari on mac. I can navigate on the left side but the page on the right is never updated, I tried Firefox and it works but before I invest time to integrate the template in my project I need to know if Safari is supported. I really like the template and hope there is a solution to my issue. Thanks.

displayinline

Hi,

Some browsers do not allow Xhr (AJAX) requests when viewing local files: check the url in your browser, if it starts by file: this may be the issue. Just put your files on your local webserver (or on any server), and everything should work fine. ;)

You can also check the browser’s console to see if some errors are showing: they may give a hint on what’s going wrong.

Tell me if you still can’t have it to work! ;)

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
rtcoms Purchased

If I want to create a completely new index page that what are the things I need to take care and how should I start ??

displayinline

Hi!

All you need for a blank start page is the default markup (see the documentation, in Template basics / How the template works / Basic markup explained), style.css, the 4 responsive stylesheets and setup.js. All other assets are optional, you should load them only when required – for instance, developr.navigable.js if you want to use the sliding menu.

You can also remove all scripts at the end of the default index.html, you won’t need them if you start over.

Tell me if you need more details! :)

Default-user
rtcoms Purchased

I mostly want to change header-navigation and sidebar’s style and orientation. The default blank page still contains that header and those things.

Should I start completely from scratch ??

displayinline

You should rather remove only the elements you don’t need, then rebuild them the way you want – but it’s up to you ;)

  • Has been a member for 1-2 years

Hi i have developer theme license ,i want to know how to change dash board position.

  • Has been a member for 1-2 years

hi how to change dash board design and position to top in developer theme

displayinline

Hi,

Sorry but I need some more details, I am not sure to understand what you want to achieve. can you tell me more?

Default-user

Hi dashboard in all pages aligned to left i want it at top like menu how can i change ,

displayinline

Sorry, but the template does not provide a top menu, it is either right or left…

  • Bought between 10 and 49 items
  • Has been a member for 4-5 years
rufinus Purchased

Hi,

@displayinline: one minor problem, i cant figure out, i hide the top <header id=”title-bar”> on screens < widescreen.

But no matter if i do this via the CSS or via the change-query listener and .hide() the space is not filled up. it looks like visibility:hidden.

i cant figure out what to call to rerender the page.

Any help would be much appreciated.

TIA Rufinus

displayinline

Hi!

Do you use the class fixed-title-bar on the body element? If so, this may be the issue: this class adds an extra margin on top of content, and the title-bar use position:fixed to float into that space.

If this does not help, can you show me the code you use? Or if you have an online demo I may check ;)

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hi displayinline !

Here is what I added to colors.css > .modal :

font-family: Amaranth;
font-size: 1.1em;

But now I get a scrollbar within the alert box, as you can see below:

How can I get rid of this ugly scrollbar ? Thanks !

displayinline

Hi!

You may just try to set the option scrolling to false, it should disable the scrollbar.

Tell me if this does not help, we’ll look for another solution ;)

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
mwsasser Purchased

I don’t know if anybody mention this but glDatepicker updated to 2.0 yesterday.

But I’m trying to get the other one to work. I have the two scripts loading but I’m not sure what to do with this: $(’.datepicker’).glDatePicker({ zIndex: 100 });. I tried using it as an onclick event but javascript isn’t my cup of tea.

displayinline

Hi!

I did not know about this, thanks for the news ;) Actually, the old setup code you mention should work just as well, just place it in a script at the bottom of your file, and add the class datepicker to each input you want to convert.

You don’t need to listen to click/focus events, the plugin will do this by itself.

Note that if you want the datepicker to be always visible, you need to set the option showAlways to true – check the plugin reference for more details.

I started working on a custom theme for the calendar for the new version of the plugin, but you can already use its latest version with one of the bundled theme (include one of the stylesheets in your document). You don’t need the old version anymore then, just remove it ;)

Default-user
mwsasser Purchased

Ok, still not working. I have this at top of the page:

<link rel=”stylesheet” href=”<?php echo $site_url; ?>/js/libs/glDatePicker/developr.css”> <script src=”<?php echo $site_url; ?>/js/libs/glDatePicker/glDatePicker.min.js”></script>

However your documentation says to activate the date picker you must use this code: $(’.datepicker’).glDatePicker({ zIndex: 100 });

I tried putting it in <script> by itself to no effect. The class datepicker is already in the example you give. Yet it doesn’t work.

<input type=”text” class=”input-unstyled datepicker” value=”” >

Help!

displayinline

The current Developr theme for glDatePicker does not work with the new version, you need to use one of the included stylesheets instead (in the folder styles) if you want to use the version 2.0. Otherwise, the calendar will show out of the screen, because it does not have the proper styling.

Also, you need to make sure that your setup code is called after the corresponding inputs are loaded in the DOM, either by putting the script at the end of the file (as in the template example files), or by using a document.ready callback:

<script>
$(document).ready(function()
{
    $('.datepicker').glDatePicker({ zIndex: 100 });
});
</script>

Does this help?

Default-user
mwsasser Purchased

I didn’t download any of the new files. The paths above are to the files included in 1.4. When I check generated page source, they go to the right place. I followed the 1.4 documentation that says Required plugin: This feature requires the plugin files js/libs/glDatePicker/glDatePicker.min.js and js/libs/glDatePicker/developr.css. This found at the bottom of the special inputs page in the documentation

Default-user
mwsasser Purchased

And no, it’s still not working. Very confused.

displayinline

Did you check your browser’s console for javascript errors? They may give a hint about what’s not working. Also, if you have an online demo, I may check to see if I can find what’s wrong ;)

Default-user
mwsasser Purchased

Timestamp: 1/3/2013 11:05:27 AM Error: ReferenceError: jQuery is not defined Source File: http://www.mavourna.dyndns.org/findgamers-build/js/libs/glDatePicker/glDatePicker.min.js Line: 13

Timestamp: 1/3/2013 11:05:27 AM Error: ReferenceError: $ is not defined Source File: http://www.mavourna.dyndns.org/findgamers-build/index.html?mp=testing Line: 111

displayinline

This means the plugin script and your setup code are located above the jQuery lib itself. You need to load jQuery first, then the plugin: just move your script below the script tag which loads jQuery, and everything should work fine then ;)

Default-user
mwsasser Purchased

Ok, I moved the scripts. The problem has been that the center is loading through an include but the jquery is loaded in the index file further down. Maybe move the jquery load higher up in 1.5?

Default-user
mwsasser Purchased

I appreciate your patience!

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Do you mean overflow: hidden ? This doesn’t change anything…

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Ok, I found a “scrolling” in developr.modal.js line 1470. I set it to false and that made the scrollbar disappear ! Thank you ! :)

displayinline

Glad I could help! ;)

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
ecosolve Purchased

Found and fixed a bug in the slider code. When the min value is below zero, and you set the slider to 0, it jumps to the min value.

fix is in developer.progress-slider.js line 1257 replace if (typeof value !== ‘number’) with if ((value != 0) && (typeof value !== ‘number’))

displayinline

Hi!

Thanks for reporting :) The bug is now fixed. I used a slightly different fix, but the principle is the same:

if (typeof value !== 'number')
{
    value = parseFloat(value);
    if (isNaN(value))
    {
        value = def;
    }
}

Cheers!

  • Bought between 50 and 99 items
  • Has been a member for 3-4 years
promosync Purchased

Issue: 1. Tabs implemented. 2. Tab 2—> Timezone has three text fields which is used for searching values from the database using JavaScript, where in a datatable is binded with the result set and made visible in the lower section of the tab, but ass soon as it becomes visible whole of the tab content moves to the left of the screen and becomes hidden.

Note: 1. Issue happening only on Apple products (eg: iPhone) 2. Attached is the screen grab of the issue from iPhone. https://dl.dropbox.com/u/14985576/photo.PNG

Thank you!

displayinline

Hi,

Hard to tell what’s wrong without testing the actual code… I can’t think of anything in the template that could cause this right now.

Can you setup a test page where I could check this?

  • Has been a member for 1-2 years

Hi how to create menus in developer theme.

  • Referred between 1 and 9 users
  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
  • Exclusive Author
  • Taiwan
Skiddie Purchased

Hello,

i found that ‘login-full.html’ has three form tags.

but in asp.net can just use only form tag per page.

so, i change all of form to div tags.

i wonder to know how to change your login javascript in ‘login-full.html’ ?

regards,

Chris Lin

displayinline

Hello,

Here is how I would do:

  • Create a global wrapping form
  • Replace the old forms tags by standard DIVs, with an unique ID for each one (form-login, form-lost-pass and form-register for instance)
  • Modify the line that retrieves the forms to match the new structure:
    // This line
    forms = formViewport.children('form'),
    
    // Becomes
    forms = $('#form-login, #form-lost-pass, #form-register'),
    
  • Prepend each pseudo-form input name attribute by a string to identify what form it was initially bound to (for instance login-pass, register-pass...)
  • Add a hidden input to store which pseudo-form is currently displayed – for instance:
    <input type="hidden" name="active-form" id="active-form" value="form-login">
  • Add a simple code in the form switcher to change the input’s value to reflect the newly displayed form (under the line currentForm = form;:
    $('#active-form').val(form[0].id);
    
  • Group all the form handlers into one:
    // These handlers:
    $('#form-login').submit(function(event)
    {
    ...
    });
    $('#form-password').submit(function(event)
    {
    ...
    });
    $('#form-register').submit(function(event)
    {
    ...
    });
    
    // Become
    $('form').submit(function(event)
    {
        switch($('#active-form').val())
        {
            case 'form-login':
                ...
                break;
    
            case 'form-lost-pass':
                ...
                break;
    
            case 'form-register':
                ...
                break;
        }
    });
    

Then in your server script, check the var active-form to know which form was actually sent, and process the corresponding inputs.

Note that there are probably other solutions, you just need to find the one that works best for you.

Hope this helps! ;)

Skiddie
Skiddie Purchased

hello,

thank for your quick reply.

how to setup this point ?

Prepend each pseudo-form input name attribute by a string to identify what form it was initially bound to (for instance login-pass, register-pass…)

browse the login page at the first time, i got a wrong height of ‘form-login’.

\\

but when i switch to ‘form-register’ and back to ‘form-login’, everything is fine.

displayinline

Well, it seems to me I already seen this issue: it happens because the font icons are loaded after the document.ready event, hence their width is incorrect when the form position is calculated.

Adding this custom style to the head section should help:

<style>
    .inputs [class^="icon-"]:before,
    .inputs [class*=" icon-"]:before {
        width: 12px !important;
    }
</style>

Tell me if you still have the issue!

Skiddie
Skiddie Purchased

haha, thats really great !!

now all the boxes’ position are correct, thank you.

a last little question, is there any styled captcha layout ?

\\

im using Google reCAPTCHA in the login box, and find that it will break the box.

thanks in advance :)

displayinline

The login box is not fluid, you just need to make is slightly larger: in login.css, change the width in #container and the margin-left in .js-login #container.

It should look fine then! ;)

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
Cosmosier Purchased

Hello displayinline,

Just a quick question, how do I include Meter Bars into multiple selection box? So it looks like : (@ Options ||||) ( Options2 ||||)

( ) being one of the option in the class=”select” select box @ being the tick Options being the option name ||||| being the meter bar

Thanks in advance!

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
Cosmosier Purchased

To add information to the above question, it looks something like this, but i did it in the ‘dirty way’ by creating a div overlay, but its not a long term solution for me as the options are constantly changing. Anyway, it looks like this :

http://imgur.com/fowzx

Is there a way to add the meter bar?

displayinline

Hi,

There is no “built-in” way to do this, but you can take advantage of some internal plugin events to hook a function which will build the meter bars.

Here’s what I would do: set a data-* attribute on each of the select’s options with the value/type/color of the bars:

<select class="select">
    <option value="1" data-bars-value="1">One bar</option>
    <option value="2" data-bars-value="4">Four bars</option>
    <option value="3" data-bars-value="3">Three bars</option>
    <option value="4" data-bars-value="3">Three bars</option>
</select>

And add a small function to build the bars according to the data:

$(document).ready(function()
{
    function addMeterBars()
    {
        var select = $(this).closest('.select');
        select.children('.drop-down').children().each(function()
        {
            var line = $(this),
                barsValue = $(line.data('select-value')).data('bars-value'),
                markup = [], i;

            // Add your custom code to build the bars here - here's an example:
            for (i=0; i<barsValue; ++i)
            {
                markup.push('<span class="meter orange-gradient" />');
            }
            line.prepend('<span class="float-right">'+
                markup.join(' ')+
            '</span>');
        });
    }
    $('.select').one('select-prepare-open', addMeterBars);
    $('.select select').on('update-select-list', addMeterBars);
});

A bit complex, but it works and it is quite flexible. Hope this helps! ;)

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
  • Mexico
rolperez Purchased

Hello!

Where can i configure the animation of ‘Checking credentials…’, cause in my server the animation is still, but locally doesnt (with EasyPHP), any advice?

Thanks!

displayinline

Hello!

The message is created and animated in the function displayLoading(), defined in the login script itself.

I don’t know why it doesn’t work the same or your two environments, it would require some debugging on the actual code to tell. Can you tell me more on your issue?

rolperez
rolperez Purchased

Me neither, in fact, in the “messages.html” page is the same, i opened it in the 2 enviroments in the same browser (Chrome 23), and the same results, even in firefox is the same, any ideas?

rolperez
rolperez Purchased

Ok, ok, i uploaded the developr package to another folder in my server, everything works fine, now i must figure out why doesnt work in the other folder. thanks a lot!

rolperez
rolperez Purchased

my bad, time ago y moved “animations” category to another css, cause those statements have a conflict with stylizer, i didnt remember, until now, haha, thanks!

  • Has been a member for 1-2 years

How to design simple menu using developer css.

displayinline

Hi,

You will find complete instructions in the documentation, in Features reference / Menus.

  • Referred between 1 and 9 users
  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
  • Exclusive Author
  • Taiwan
Skiddie Purchased

@shwetakulkarni, are you using a NULLED template ?

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
  • New Zealand
zoomroom Purchased

Absolutely awesome template – job well done :-) Have made many changes (non-core) so have a pretty good grasp of how things work but have a tiny issue with incremental input display on iPads (the up and down arrows appear inside the input but below it) – anyone else having issues with this? Also the sidebar sizes itself correctly but scrolls with the page – loses it’s position fixed on iPads.

displayinline

Hi, and thanks! :)

About your first issue, it is the first time I hear of that, it may be related to the changes you made. If you have an online demo, I can try to find what causes this. Note that you can debug this in your desktop browser (with the help of the developer tools panel) simply by replacing the class no-touch by touch on the HTML element. Just run this code in the console to do it:

$('html').toggleClass('touch no-touch');

About the second issue, I have no idea what may cause this. Which version of iOS is on your iPad? If it is below 5, this may be the issue: older versions of iOS had no support for position:fixed, and while the template provides a polyfill for this, it is not as efficient as native support, and may also have be affected by your changes.

Tell me if you have more details, I will do my best to help ;)

Default-user
zoomroom Purchased

Thanks for the tip :-) The second issue is definitely related to an old iOS and have solved this by bring your floating side panel into play earlier (e.g. at a greater page width for the media query). First issue still remains and is probably caused by setting the width of those elements – will try your degugging tests – thanks.

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
  • India

Hi,

I like to use this admin theme for my future projects.

I know it will work very well with PHP MySQL.

Can we use this theme in Visual Studio for ASP.Net Projects ?

displayinline

Hi,

Sure, you can use it with any kind of programming language. It is only raw HTML/CSS, there is no server-side requirements.

Tell me if you need more details! ;)

by
by
by
by
by
by