Developr - Fully Responsive Admin Skin

Hi!

You can see it here: display-inline.fr/demo/developr/template/ – the link is in the blue block just below the introduction text.

Hope you’ll like it

Hello!

The template does not include a tree structure, but you can use an existing jQuery plugin such as jsTree or Treeview to build the tree, then just include your checkboxes in it.

Hope this helps!

Hi,

Most of the time, adding the class full-width to your input should be enough (it will make it fluid). Note that this doesn’t work if your input has siblings (icons…): in this case, you need to use a solution such as this one or this one.

Hope this helps!

Thanks ! Here is what works from an aesthetic point of view, and that’s what I was looking for, because the input field itself never gets wider than 280px:

<span class="input full-width"><input type="text" class="input-unstyled full-width"></span>

Hi,

This is a known issue, some browsers are quite inconsistent on the way they handle focus and blur events on non-input elements. In this case (in Firefox), the focus event is triggered but not the blur event, and the select key bindings is not removed – which result in the issue you describe.

I am currently rewriting this part of the plugin to fix this, it should be available in the next update

Hi again!

I just finished my rewrite of the input styling plugin, you can download it here.

I tested it on many browsers and platforms, but if you notice any issue please report it to me

Thanks, I’ll give it a try.

Hi!

Sure, just call the plugin API methods:

$('.wizard').showWizardPrevStep()
$('.wizard').showWizardNextStep();

You will find more details in the documentation, in Features reference / Form / Wizard

Hi,

This template is only a HTML/CSS skin for developers, it is not functional by itself. You will have to code the calls to your API and the dynamic features you need on top of it.

Tell me if you need more details!

HI, Thanks for the reply. I have the Api ready and php,curl,json. But I am stuck to link it to input text fileds etc. Is it posible to get help to ad it to the homepage ?

Hi,

I am sorry, but this is specific to your project and out of the support range for this template.

You need to find a developer to help you build you app – try posting a message on the forum, you will find some talented developers there

Hi!

Everything works fine on my Android device, hard to tell what’s going on with yours. Did you check the demo website to see it this happens to?

Also, you should check if your documents have a correct HTML5 doctype defined. In some cases, a missing doctype is known to cause similar issues.

About the default browser in Android, it seems to work differently on every device: I had several reports of Android users on bugs that only happen on their own device…

Tell me if you still can’t find a solution!

Hello!

When you change a select using javascript, you need to trigger a change event, so the styling plugin knows it needs to update. You can do something like this:

function resetmultiselectbyid(objID) {
    var select = $('#'+objID);
    select.find('option').prop('selected', false);
    select.change();
}

About the comments search feature, this is something we’re all waiting for In the meantime, you can use my support forum.

Hope this helps!

Hi!

The next update will use jQuery 1.9, sure. In the meantime, I think you can safely start using it with the current version: I made a quick test, and it seems to work fine at first sight.

The template did not use any deprecated function in 1.8, so it should run seamlessly with 1.9

Please tell me if you notice any glitch!

Hi,

I checked the latest version of the original code of this feature, and it seems you can replace this line by this one to prevent the error:

return ($.event.dispatch || $.event.handle).apply(this, args);

Tell me if this solve your issue, I will update the template then

Great ! Problem solved ! Thanks a lot !

Glad I could help, thanks for the feedback!

Hi!

There is no built-in style for this, but you can easily add one. Changing the border-color is a bit complex, but setting a light red background is easy – just add this style:

.input.error {
    background: #fbb;
}

Then add the class error to any styled input:

<input type="text" class="input error">

Hope this helps!

Hi!

You can use this example I gave some time ago as a start point. You need to adapt it to your project, but it won’t require more than 2 or 3 changes

Hope this helps!

Yep, I actually had looked at that already… I just had a difficult time understanding what I needed to output in result. Luckily for me though, I figured it out by just adding data.logged == 'true'instead of data.logged. Thanks though!

Hi,

The template works perfectly fine on every iPhone I checked, and is also perfectly smooth on my iPad 2 (slower than your retina version). If the template is slow to load, this may be because of a slow or busy connection.

Also keep in mind that this is a HTML template, which are always slower than native apps. But it is responsive and works on all devices with the same code, whereas native apps require multiple versions

Hi,

I checked your page, and indeed in some cases the select is only populated with half of months. But if you check the hidden select inside, you’ll see that it only has these values, so it looks like it is an issue with the page’s JS code, not with the template styling.

Somehow, the function which fills the select seems to drop a few months in the process. Maybe some var is not declared locally, thus mixing with a larger scope one.

Sorry I can’t help more!

Hi,

This is the main template setup function, used by many plugins. It will be fired automatically (on document.ready), but in some cases calling it manually speeds up the whole load process – mostly when there are numerous scripts loading.

It’s up to you to include it or not on your pages: make some tests with or without it, to determine whether is has an influence or not.

I guess the most important is to add it to the first page (index), because the following ones will load the cached scripts. But I might be wrong !

it’s too bad… I’ll have to wait for the next update to start working on my calendar !

Sorry, I may have been unclear. I wasn’t talking about glDatePicker but about the fluid calendar (calendar.html, developr.calendar.js, calendar.css). I didn’t find any setting in developr.calendar.js relative to the day of the week the calendar should start.

By the way, is it possible to populate the fluid calendar with glDatePicker (current version) ?

Forget what I wrote above ! I found the solution…

Hi, and thanks!

About the login script, once you remove all the bottom script it should behave as a standard form. Did you remove all of it, or did you strip only parts?

The only part I can think of that may prevent the form from being submitted is this one:

event.preventDefault();

It may appear several times, depending on the version you picked. On you remove it (you may keep the occurrences used in form validation), your form should be sent as any HTML form.

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

Well see… I tried it but if I remove any of the code around that the form gets all bent-out-of-shape… So to speak. I can show you if you want to look at the site.

Sure, you can send me the link through my profile

Hi, and thanks for sharing, that’s awesome I am sure this will be useful to many people!

Hi,

The property overflow is probably overridden by the value defined in the mediaquery block for 768px and upper screens (around line 474): just set it to hidden here too, and it should work fine.

Tell me if you need more details!

I’m sorry, but line 474 of which file?

Whoops, sorry: I was speaking of the file calendar.css – I assumed you were working on this one so I did not mention it.

Tell me if you need more details!