1774 comments found

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

Hi,

This is a very nice theme. I was wanting to know if you think its possible to integrate this with cPanel? I am really interested in this theme and hope to integrate cPanel into it for my clients.

Thanks, Kaine

displayinline

Hi, and thanks! :)

About cPanel, I don’t know how their template engine works, so I can’t give you an answer… Developr is just a HTML/CSS skin, you should be able to use it anywhere – all you need to know it how to build cPanel into it, either by creating a template or using an API.

Sorry I can’t help more… But feel free to ask if you have any other question!

  • Has been a member for 1-2 years

I have a prolem with de developerInput How I can get de Selected items from select with <select class=’select’ id=’mmm’> </select>

Like this or similar $(’#mmm’).getSelected Thanks

displayinline

Hi,

Just use the standard jQuery syntax to get an input’s value:

$('#mmm').val();

Note that for multiple select, you will get an array instead of a string.

Default-user

if I want rewrite the change event on the select example $(’#content’).on(“change”,’#select’,function(){ alert($(this).val()); });

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

Im baning my head with a problem… I made a modal:

function editar (id) {
    $.modal({
        url: 'administracion-configuratuacube-apps-edit.html',
        title: '',
        width: 600,
        height: 400,
        scrolling: false,
        actions: {},
        buttons: {
            'Cerrar': {
                classes:    'blue-gradient glossy',
                click:        function(modal) { modal.closeModal(); }
            }
        },
        ajax: {
            'loadingMessage': 'Cargando contenido, por favor espere',
            'errorMessage': 'Error cargando contenido, por favor intente de nuevo'
        },
        buttonsLowPadding: true,
        buttonsAlign: 'center'
    });
};

As you can see, inside the modal, Im loading the content via ajax but this modal is been invoked by using a function like this: editar(‘32’), this editar is an onclick event of a button on a datatable that appears on each row.

The idea is that within the datatable, I can click the edit button on arow, open up a modal and show a bunch of fields so you can edit the related info for that row…

I got the onclick and modal done but when opening the modal via ajax (the ajax file has the form info) how can I pass on the id from the modal to the ajax content (the ajax content grabs the info and fills the fields via ajax too).

Maybe sounds too complicated… my idea is based on some of the templates tables examples where the datatables rows have an edit button, the edit button should open a modal (I dont want to reload another page) and inside the modal, show up a form to edit that rows info…

Hope you can help me out :)

displayinline

Hi!

Well, the easiest solution would be to retrieve a form that’s already filled server-side, for instance by passing the ID as an argument:

url: 'administracion-configuratuacube-apps-edit.php?id=' + id,

Then, once the form is loaded, catch the submit event and send the data back to the server using AJAX:

function editar (id) {
    var modal = $.modal({
        ...
        ajax: {
            complete: function()
            {
                modal.find('form').submit(function(event)
                {
                    // Stop default form submission
                    event.preventDefault();

                    // Send data
                    $.ajax({
                        url: 'save-data-script.php?id=' + id,
                        type: this.method,
                        data: $(this).serialize()
                    });

                    // Close modal
                    modal.closeModal();
                }
            }
        }
    });
}

Is this what you are looking for, or do you have something else in mind?

Default-user
akrall Purchased

Ive been trying this for a while without luck… let me check your code and get back to you, are you going to be online for a bt?

Default-user
akrall Purchased

My problem right now is how to actually run jquery code inside administracion-configuratuacube-apps-edit.php?

Default-user
akrall Purchased

So far I can pass the info to the modal like this:

function editar (id) {
    $.modal({
        title: 'Modal window',
        url: 'administracion-configuratuacube-apps-edit.html',
        ajax: {
            type: 'GET',
            data: 'answer=42',
            resizeOnLoad: true
        }
    });
};

and the form opens and shows the following fields:

<label for=”extension” class=”label”>Extension</label> <input type=”text” name=”extension” id=”extension” class=”input small-margin-right” value=””> This is an information bubble to help the user.

but here is the kicker… I need to run javascript stuff in the form because the fields must be prefilled using ajax get… and the user after onchange on a fields, it gets saved back to the server via ajax too…

I was abke to do all this on a simple form on another page… but now the modal comes into place because the button for editing is been showed on a datatable (like in the examples of the template).. so it needs to be a modal that opens up, shows the form prefilled via ajax get from the server using the id that the button passed… and then to avoid a form and submit buttons I use the onchange event on the fields and sent it back to the server via ajax put…. on a page with this everything works great! but inside a modal I can run js code :( or mostly, I dont know how :(

Default-user
akrall Purchased

I was looking at the template docs… $(selector).modal(options), $(selector).getModalContentBlock(), $(selector).loadModalContent(url, options) and I thought maybe something like this would help but I cant figure out how to used them :(

displayinline

Ok, I understand better now. If you want to run code on the loaded content, just use the ajax callback as in the example I gave you:

function editar (id) {
    var modal = $.modal({
        ...
        ajax: {
            success: function()
            {
                // Get modal content root
                var content = modal.getModalContentBlock();

                /* Do whatever you want with the content */
            }
        }
    });
}

The point is to store a reference to the modal window when opening it (hence the modal var), and use it in the callback function to retrieve the content block, which contains the loaded form. Then you can just run your code to make the form dynamic.

Does this help?

Default-user
akrall Purchased

ok, let me try out your code and I’ll post here the outcome… thx again for all the help you have given me!

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

Hi

I have a problem with the default template not opening full screen when setup as a webapp on the iPhone 5. Any know fixes for this ?

It opens in letter box mode

Cheers

Matt

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

i changed a header tag to this :

<meta name=”viewport” content=”user-scalable=0, initial-scale=1.0”>

got info from here :

http://www.kylejlarson.com/blog/2012/iphone-5-web-design/
displayinline

Hi!

Thanks for sharing the solution, I’ll change this is the template ;)

Cheers!

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

Is there a way to get color gradients to work properly with fieldsets? The gradient runs over the top into the legend area.

displayinline

Hi,

Actually… No. That’s the big issue with fieldsets, they work differently on each browser and have some inconsistencies on the way they handle backgrounds/margins/paddings, which can’t be normalized. What works in one doesn’t in another…

Sorry!

Default-user
mwsasser Purchased

Well, eventually there had to be something that wouldn’t work. :-) Thanks for responding!

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

I have a problem with the depelopr.input how I cant rewrite the onchange event on select like this: $(’#content’).on(‘change’,#select’,function(){ alert($(this).val()); }); If I load the #select element with ajax. How I can fire the event on select?

displayinline

Hi,

I can see you already use event delegation, which is fine. The thing is, if your element #content gets erased when you AJAX content is loaded, the delegation won’t work anymore. You have two solutions here:

  • Move the event delegation up to the document element, to make sure it won’t get removed:
    $(document).on('change', '#select', function()
    {
        alert($(this).val());
    });
    
  • Add a callback to your ajax call to set the event listener again:
    $.ajax({
        ... /* your options */
        success: function()
        {
            $('#content').on('change', '#select', function()
            {
                alert($(this).val());
            });
        }
    });
    

Hope this helps! ;)

Default-user
sergiregi Purchased

it gets the error $.event.handle is undefined on return $.event.handle.apply(this,args) on setup.js line 2648

displayinline

Hi,

This is a know bug with an third-party script included in this file: just replace line 2684:

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

With this one:

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

It should work fine now ;)

Default-user
sergiregi Purchased

and how i cant change the position of label and input now is input label I would label input in a fields list of file form-layouts.html

displayinline

Hi,

Sorry, I am not sure to understand your question. Can you tell me more, or show me an example code of what you’d like to achieve? This will help me provide a suitable solution for your issue :)

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

Thanks for this excellent product!

displayinline

Thanks a lot ;) And thanks for your purchase!

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

How I set the side menu (administration) closed by default? thanks.

displayinline

Hi!

Just add the class menu-hidden to the body element, the menu will be hidden by default.

You will find more details on the classes for the body element in the documentation, in How the template works / Basic markup explained.

Hope this helps! ;)

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

Hi displayinline,

I’d like to build a contextual notification help and use this syntaxe :

<label id='message' style='display: none'></label>
$('#message').load('help/help.html #contentForThisSection');
notify('Title', $('#message').text(), ... );

Is it possible ? Thanks in advance ! :)

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

Sorry for the last question. The answer is YEEEES ! :)

displayinline

No problem, great to hear you found a solution that fast! :)

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

Hi displayinline,

Me again, but don’t worry, I’m almost done… :)

Here is something you could certainly improve : when the notification window is higher than the viewport, the first lines disappear above the top of the screen. Is it possible, in this case, to give a greater width to the notification window ? Thanks in advance !

displayinline

Hi!

Well, this would be quite difficult to implement at the plugin level, as some other users wouldn’t want the plugin to mess with the window width… And it would be hard to determine the proportions to keep.

I guess the best alternative would be to set a max-height for your window relative to the current viewport height, and enable scrolling: this way, the window will never be to tall for the viewport.

Tell me if you need more details!

Default-user

Ok. If you could just tell me how to increase the notification window width, it would be perfect. I couldn’t find it in any css file.

Actually, this window doesn’t need to be so narrow on large screens.

Default-user

If you don’t mind I’d like to take the opportunity to ask you something else : a few days ago I downloaded a zip file named ios-icon-splash. I found inside different splash screens, and among them iphone-retina, ipad-portrait-retina and some other ones. But how to link them in html ? Is there any update available for the corresponding html code ?

displayinline

Hi,

About the notification window, do you mean a modal window or the notification bubbles?

About the new splash screens, the complete updated markup is available in the original message here, it is basically a refresh to enable high-res resources for some new devices.

Default-user

Great, thanks for the link ! :)

I was talking about the notification bubble. I’d like to know how to increase its width (let’s say by 20 or 30px).

Default-user

Don’t you think there is something a bit weird ?

<!-- iPad (Retina, portrait) SPLASHSCREEN (2048x1496) -->
<link ... href="img/splash/ipad-landscape-retina.png" ... and (orientation: portrait) ...>
<!-- iPad (Retina, landscape) SPLASHSCREEN (1536x2008) -->
<link ... href="img/splash/ipad-portrait-retina.png" ...  and (orientation: landscape) ...>

ipad-landscape => orientation portrait

ipad-portrait => orientation landscape

But I guess there must be a good reason…

displayinline

Whoops, you are right, there was an inversion in this version of the code. The right markup is:

    <!-- iPhone SPLASHSCREEN (320x460) -->
    <link rel="apple-touch-startup-image" href="img/splash/iphone.png" media="(device-width: 320px)">
    <!-- iPhone (Retina) SPLASHSCREEN (640x960) -->
    <link rel="apple-touch-startup-image" href="img/splash/iphone-retina.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)">
    <!-- iPad (portrait) SPLASHSCREEN (748x1024) -->
    <link rel="apple-touch-startup-image" href="img/splash/ipad-portrait.png" media="(device-width: 768px) and (orientation: portrait)">
    <!-- iPad (landscape) SPLASHSCREEN (768x1004) -->
    <link rel="apple-touch-startup-image" href="img/splash/ipad-landscape.png" media="(device-width: 768px) and (orientation: landscape)">
    <!-- iPad (Retina, portrait) SPLASHSCREEN (2048x1496) -->
    <link rel="apple-touch-startup-image" href="img/ipad-portrait-retina.png" media="(device-width: 1536px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2)">
    <!-- iPad (Retina, landscape) SPLASHSCREEN (1536x2008) -->
    <link rel="apple-touch-startup-image" href="img/ipad-landscape-retina.png" media="(device-width: 1536px)  and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2)">

About the notification bubbles, you can change their default width in 768.css, around line 991: look for this selector:

#top-notifications > ul,
#bottom-notifications > ul {
    position: absolute;
    width: 300px;
}

Change the width to whatever you want. Note that the notifications plugin allows custom classes to be passed, so you may also create one to have slightly larger bubbles:

#notifications-top-left .big-notification,
#notifications-bottom-left .big-notification {
    margin-right: -40px;
}
#notifications-top-center .big-notification,
#notifications-bottom-center .big-notification {
    margin-right: 0;
    margin-left: 0;
}
#notifications-top-right .big-notification,
#notifications-bottom-right .big-notification {
    margin-left: -40px;
}

Then just call the notification function with that extra class:

notify('Title', 'Message', {
    classes: ['big-notification']
});

Hope this helps! ;)

Default-user

Thank you ! What happened to the link for iPhone 5 ? As for the iphone-retina splash screen, is it 640×960 or 640×920 ?

About the notification bubble, I am really sorry because you probably spent a lot of time on the solution you provide above, but nothing work, even simply giving another witdth (width: 300px;).

I tried different things and found something crazy :

#top-notifications > ul,
#bottom-notifications > ul {
    position: absolute;
    /* width: 300px; */
}

Yes, I just commented the width to see what would happen, and this did the trick ! I didn’t change the bubble location, it’s always centered at the bottom. But as soon as I commented the width it ended up horizontaly at the bottom right corner, occupying about half the screen width. It looks rather nice, but there is a little problem : I don’t master its position at all. I mean there is no intelligence in this solution, it just came by accident.

Thanks a lot anyway ! :)

displayinline

Oops, the iPhone 5 link was removed in the process… Sorry! Just add this:

<!-- iPhone 5 SPLASHSCREEN (640×1096) -->
<link rel="apple-touch-startup-image" href="img/splash/iphone5.png" media="(device-height: 568px) and (-webkit-device-pixel-ratio: 2)">

The image size for the retina iPhone is 640×920: the height is actually a bit shorter than the actual screen size, because of the top status bar which is always visible.

About the notification bubbles, your solution is fine too ;) You just need to make sure the text is not too long for each paragraph, or they might expand out of the viewport.

Default-user

I am a “puriste” and I would prefer the bubble to be exactly half the viewport wide (it’s presently wider), but it’s not a problem.

What I see as an issue is the fact that in IE 9 the bubble background is totally opaque. It’s not really great. I found a .translucid class but I didn’t see any problem with it. Is it a known issue with IE ?

displayinline

Indeed, a semi-transparent background would be more consistent with other browsers. To change this, edit colors.css, find the style .notification and change this line:

background: #000 url(../img/old-browsers/colors/bg_translucid.png) repeat-x;

To this one:

background: url(../img/old-browsers/black45.png) repeat-x;

Now you should have the desired effect ;)

Default-user

Great, thank you ! :)

However, I added a color (#888), otherwise in IE the bubble is too transparent, which makes reading difficult. This color is a good compromise, although IE loses transparency. But its overall grey is nearly the same as in the other browsers.

It seems that there is no way to change its transparency level with accuracy. It is either transparent or opaque.

displayinline

Actually, IE9 and below doesn’t support rgba() colors, which are used to get semi-transparent background, so we need to use a PNG instead. I used the one above because it is already included in the package, but it is maybe not opaque enough, indeed.

You may use this one instead, it should give better results ;)

Default-user

Fantastic, that’s exactly what I was looking for ! The bubble has now the same look in IE as in the other browsers. :)

But I should have thought about it before disturbing you, sorry… It musn’t be too difficult to create this kind of image in Photoshop.

Thanks a lot ! :)

Default-user

With a black66.png the transparency level is exactly the same in IE and in the other browsers. You are a good professor… :)

Default-user

I found something else. In IE9 the calendar has no border (no shadow).

In order to fix it you have to replace, in calendars.css:

.calendar {
    ...
    border-collapse: collapse;
    background: #f0f4f7;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45);
    ...

with

    ...
    border-collapse: separate;  /* otherwise it won't work */
    background: #f0f4f7;
    -webkit-box-shadow: 0 2px 4px #8C8C8C;
    -moz-box-shadow: 0 2px 4px #8C8C8C;
    box-shadow: 0 2px 4px #8C8C8C;
    ...
displayinline

Thanks for the tip! I added your fix to the template ;)

  • Exclusive Author
  • Has been a member for 1-2 years
  • Bought between 10 and 49 items
koza95 Purchased

Hello :)
Is there any more direct contact option with You diffrent than Themeforest coments?
When next update will be available?:)
Will this update include File Explorer in full height version like Messages Box?
Thanks in advance for fast response ;)

displayinline

Hello!

You may contact me through my profile page if you want.

The next update is not precisely planned yet, I hope to release it in the incoming weeks. In the meantime, you may already grab some partial updates that I listed here ;)

And about a full-height files explorer, you can use the same code as the the full-height mailbox, as both uses the same panels markup ;) Just add the necessary IDs and JS code, it should work fine.

Tell me if you need more details! ;)

Default-user
koza95 Purchased

Thanks for fast response! ;) You arecthe best

  • Bought between 10 and 49 items
  • Europe
  • Exclusive Author
  • Has been a member for 5-6 years

Hi there,

I am planning on using your admin template for one of my customer. -Is it possible to change the 12hr format to a 24hr format?

displayinline

Hi,

This template (as other admin templates here) is only a HTML/CSS skin for developers, it is not functional by itself: you need to code the features you want to use on top of an existing CMS/framework. So basically, you can use any time format you like, it is up to you ;)

  • Bought between 10 and 49 items
  • Europe
  • Exclusive Author
  • Has been a member for 5-6 years

Did you implement a interface to add events? Cause my next project will be a jobboard where freelancers can be added to admin-created projects. The projects will be connected to events. Then the admin can hook freelancers to the events, which show up on the user’s event agenda. I would be great to be able to use your extraordinary event system/interface. If it is possible.. I would also be happy to purchase you events plugins seperate from the admin template. Is that possible?

displayinline

Hi,

The template is just a HTML/CSS skin for developers, it is not functional by itself: you need to implement it on top of an existing CMS/framework, in which you’ll create the code to handle the events.

Tell me if you want more details about the template :)

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

Hello! Great template – thank you. Does everything work in the template; ie: does the calendar work? Can you set appointments in it without having to code it to do so? As far as the login page – do I just need to add users to a table or database file that is already there?

displayinline

Hi,

The template is just a HTML/CSS skin for developers, it is not functional by itself: you need to implement it on top of an existing CMS/framework.

Tell me if you want more details :)

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

@steintraci

It’s very easy to build a calendar with php. Just download the following zip file and include calendar_mon.php (week starts on monday) or calendar_sun.php (week starts on sunday) in your page:

http://aedifex.fr/developr_doc/assets/calendar.zip

It has been designed to work with the developr.calendars.css styles.

displayinline

Thanks for sharing your script! ;)

Default-user

It’s not mine, I just improved it a bit !

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

Hi @Displayinline,

I have a problem with selects and tabindex.

-) Tabindex is not working. If I use the mouse to select an option out the select and afterwards klick the tab key, its not moving to the next field, instead starts on the first field. (the select seems not to get the .focus() after the value update)

-) if i use tab to move to a select field, i can use cursor down to open it, but all other selects are opened as well. (each select has its own unique id)

TIA Rufinus

displayinline

Hi,

Did you try to update to the latest version of the select styling plugin? It has been rewritten and improved, you should not see these issues anymore ;)

Tell me if you still have this problem.

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

Is there a way so that if a Select Option text is bigger than the width of the Select Component, then it can be broken down and displayed in two or three lines with out changing the Select component width?

https://dl.dropbox.com/u/14985576/Select%20Option%20Query.png
displayinline

Hi,

Sure, you just need to add a custom style in css/styles/form.css:

.selectMultiple > .drop-down > span {
    white-space: normal;
}

Note that this will affect all multiple selects. If you want to target specifically which ones to change, create a custom class instead:

.selectMultilines > .drop-down > span {
    white-space: normal;
}

Then just add the class selectMultilines to the selects in which you want multiple lines options.

Hope this helps! ;)

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

Feature suggestion on Wizard code:

Do you think in the next release you can make the Wizard step names that we insert that are custom to be able to be hidden on the mobile and tablet views if needed? Also if we don’t enter a value that we could also hide the default Step 1, step 2, etc. This would help solve the display issues on the iphone.

https://dl.dropbox.com/u/14985576/photo.PNG
displayinline

Hi,

If you want to hide the text of the active step in the wizard, you may simply remove this style from css/styles/form.css:

wizard-steps > .active {
    width: auto;
    text-indent: 0;
    padding: 0 9px 0 65px;
}

The steps will only show numbers on mobile devices then.

About being able to disabled/enable a step, that’s an interesting idea! I may add this in a future update, thanks for the suggestion ;)

by
by
by
by
by
by