1825 comments found

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

Hi, I’m trying to use content panel, I’m trying to use via ajax and the rusult I put into the page via “setPanelContent(..., panel);” But the console return me this error “ReferenceError: setPanelContent is not defined”.

displayinline

Hi,

You just need to call this method on the main content-panel div. If you have only one content panel structure on your page, you may simply do:

$('.content-panel').setPanelContent(content);

Otherwise give it an ID and use it as the selector.

Hope this helps! :)

Default-user

meanwhile I’ve solved… I’ve a question, there is an example to use contentpanel via ajax and callback?

displayinline

Loading content using ajax is easy: just add the class open-on-panel-content or open-on-panel-navigation to the links (or their parent), depending on which panel should be targeted:

<!-- This link will open on the content panel -->
<a href="content.html" class="open-on-panel-content">Link</a>

If you need to pass additional options to the ajax call, you can set a custom callback:

$(document).ready(function()
{
    $('#panel').data('panel-options', {
        onStartLoad: function(settings)
        {
            // Add options
            settings.ajax = $.extend({}, settings.ajax, {
                page: 1,
                display: 'icons'
            });
        }
    });
});

If you want to call ajax content dynamically (not by clicking on a link), you can use the dedicated methods:

// Load navigation panel content
$(selector).loadPanelNavigation(url, options)

// Load content panel content
$(selector).loadPanelContent(url, options)

And you can also add a listener which will be triggered every time a content is loaded:

$('#some-panel').on('content-panel-load', function()
{
    var panel = $(this);
    ...
});

You will find more details in the documentation, in Features reference / Organizing layout / Content panel.

Hope this helps! ;)

Default-user

I’ve read the documentation… Thank you for the responce. I would like to use panel-control to do a window explore like.

The first time a charge my date via php. When I click on a folder, the call is via ajax and is not simple to manage the back button. Now I’m trying to understand the js code…

Default-user

OK, I’ve used class=”open-on-panel-content” in the and ajax call is right! But the question is about back button that doesn’t work with ajax call!

Default-user

The problem in on developr.navigable.js that doesn’t working on ajax menu

Default-user

a step by step, a navigable menù via ajax “navigable-ajax” doesn’t work! Also in the documentation, HTML folder (the folder of the example), If you try the voice of the menù on the right “With ajax sub-menu” doesn’t work (The load class start). The voice of menù point on “ajax-demo/submenu.html”, the file exist but doesn’t work!

displayinline

Hi,

This may happen if you open the files locally (meaning the url in the browser starts by file://): some browsers have strict security settings which block ajax requests on local files.

To prevent this, place your files on a webserver (distant or local) and access them via http://, and the ajax features should work fine then ;)

Default-user

I have understand because in the past I had this kind of problem with firefox but I think it’s not the actual problem, but tomorrow I’ll try.

Default-user

Sorry for my horrible english but the problem is for a second click on a menù ajax item! Whene I click on a voice of a menù that was created via ajax, the template doesn’t work rightly!

Default-user

I’have understand, the classes “navigable-ajax” and “open-on-panel-navigation” can’t live together

displayinline

Indeed, this may be the reason… They both call event.preventDefault(), so the first one to run may prevent the second.

But depending on how your markup is defined, this may work in some cases. Do you have an online demo I may check? Maybe I can help to make it work ;)

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

Start and END date Calender, does not align with the respective text box. Untill we select any cell on the poped up calender and then again click on text box. How to handle this?

See screenshot: https://dl.dropboxusercontent.com/u/14985576/Calendar.png

displayinline

Hi,

This is a known issue with the external datepicker plugin: if the input is hidden on page load (as in a form step), it fails to correctly detect its position and stays on the top left corner.

To fix this, you simply need to trigger a window.resize event, this will force the datepicker to re-compute the correct position. For instance with a form:

$('.wizard').on('wizardenter', function()
{
    $(window).resize();
});

Hope this helps!

Default-user

I implemented the suggestion, but it did not worked.

Now the calender comes at the bottom of the page and not below the text box.

displayinline

Mmh… This worked fine in some other cases, maybe you have a specific setup. Do you have an online demo I could check?

Default-user

I will send you a message on here.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
kubado Purchased

can you make demo how to better show ajax loader when form send pressed?

displayinline

Hi,

Actually, this is specific to each project, so I need more details to give you an example: where do you want the ajax loader to show? How is the form submit handled?

Basically, you would listen to the submit event of the form, show the ajax loader, then do whatever you want with the form data, and finally remove the loader when everything is complete.

  • Has been a member for 2-3 years

Hi,

I would like use the inline calendar and the calendar that appears when you click on that textfield. The problem is that I cant figure out how can I put it running. On my docs folder the calendars.html file is not working.I cant the the styles on that page ¿Could I get this page working to can figure out how can I implement calendars on my site?

Thanks. Regards. aitiba

displayinline

Hi,

Do you mean the date picker? If so, you will find all details and example code snippets in the documentation, in Features reference / Form / Special inputs.

Let me know if you need more details!

  • Has been a member for 0-1 years

Hi, Actually, this is specific to wizard , I want to use wizard along with side menu as, https://www.dropbox.com/s/f39ab8jvk6n2m5f/screenshot-by-nimbus-file-C-wamp-www-chk-html-wizard22-html.png

I hv used body class “clearfix with-menu with-shortcuts” So, Is there any css class or js change? Thanks in advance!

displayinline

Hi,

It looks like you haven’t included the wizard plugin: js/developr.wizard.js. Once it is loaded it will convert your form to a wizard automatically ;)

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
kubado Purchased

Wizard bag. When all required fields of first stage was filled and enter pressed it is do form submitting instead of switching to next stage

displayinline

Hi,

Sorry, I couldn’t replicate the issue, do you have an online demo I could check? Also, does the issue occurs in every browser? With these additional details I should be able to help ;)

Default-user
kubado Purchased

Of course, your official demo: http://www.display-inline.fr/demo/developr/template/wizard.html Browser is firefox 23

Default-user
kubado Purchased

To replicate the issue your should fill name fields and press enter on keyboard on first stage

displayinline

Oh, I get it – actually that’s the expected behavior: as long as the form is complete and valid, you should be able to sendit as a standard form with the enter button, the plugin won’t go against this as this may be how some users want it to behave.

Of course, you can easily write some code to get the expected behavior:

$('form').on('submit', function(event)
{
    var form = $(this),
        currentStep = form.find('fieldset.active'),
        submitStep = form.find('button[type="submit"]').closest('fieldset');

    // If we are not on the final step, prevent form submission
    if (currentStep[0] !== submitStep[0])
    {
        event.preventDefault();

        // Go to next step
        currentStep.nextAll('fieldset').first().showWizardStep();
    }
});

Hope this helps! ;)

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

Is there a way to clear all the notifications with a button click instead of have to close each one by hand?

displayinline

Hi,

Sure, you may simply trigger this code when a button is clicked:

$('.notification .close').click();

Actually, you may even use the notification system for this: when you trigger several notification events at one, this will add a “close all” button at the bottom:

notify('<button class="button small full-width">Close all</button>', {
    autoClose: false,
    closeButton: false,
    groupSimilar: false,
    onClick: function()
    {
        $(this).closest('ul').children()
            .fadeAndRemove().trigger('close');
    }
});

Let me know if you need more details! :)

Default-user

Thanks. That works.

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

Hi.

I’m experimenting some problems with the select widget in Internet Explorer and Firefox: When the list has a scrollbar and it is shown above the select the last item gets missing.

You can reproduce the problem in the developr demo page itself: http://www.display-inline.fr/demo/developr/template/form.html

Please, follow these steps:

  1. In Internet Explorer (my version is: 10.0.9200.16686) or Firefox (my version: 23.0.1) , adjust the window height to around 275px
  2. Scroll down to the Selects section and make the first select to be near the top of the window.
  3. Click on it and the list should be shown below the select. If you scroll down the list, you should see the item: “Last value”: Full size image, here
  4. Now, scroll the page contents in a way that the first select is near the bottom of the window and click on it.
  5. The list should be shown above the select and if you scroll all the way down in the list, the item “Last value” has gone missing: Full size image, here

In Chrome, it works Ok.

Thanks in advance.

displayinline

Hi!

Sorry for the late reply… Indeed this is an issue, I thought it was fixed some time ago (it is related to the way the browser handles the available scrolling size).

I will fix this as soon as possible, I will let you know when it is ready! ;)

Default-user

Thanks, I’ll look forward to hearing from you.

Default-user

Hi.

Any news about this issue?

Thanks.

displayinline

Hi,

Not yet, sorry. I have been checking the issue, but it is quite complex to debug, I couldn’t find the time yet… I’ll let you know as soon as it is ready! ;)

  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Italy

Hi, im using a modal confirmation dialog, but while with normal modal (not .confirm) its working, seems that custom buttons options (label, classe) are not overriding default values, as the other options are properly doing instead. Is it working as expected? Any suggestion?

BTW you really did a great js ‘framework’, love it !

$.modal.confirm(
    'Some message to the user',
    function(){
        // do something here
    },
    function(){
        // do something here
    },
    {
        contentAlign: 'center',
        resizable: false,
        actions: {
            'Chiudi': {
                color: 'red',
                click: function(modal){ modal.closeModal(); }
            }
        },
        buttonsAlign: 'center',
        buttons: {
            'Annulla': {
                classes: 'white-gradient'
            },
            'Conferma': {
                classes: 'green-gradient'
            }
        }
    }
);
displayinline

Hi!

Really sorry for the late reply… About your question, this is a good point: the buttons options are currently overwritten, which is not great. So I modified the plugin, it now accepts custom options for the buttons in the confirm() method:

$.modal.confirm(
    'Some message to the user',
    function(){
        // do something here
    },
    function(){
        // do something here
    },
    {
        textCancel: 'Annulla',
        textConfirm: 'Conferma',
        buttons: {
            'Annulla': {
                classes: 'white-gradient'
            },
            'Conferma': {
                classes: 'green-gradient'
            }
        }
    }
);

Note that if you don’t use the default buttons labels, you need to specify them using the options textCancel and textConfirm, so the plugin knows which one to use in the buttons options object.

You can download the latest version here.

Let me know if you notice any issue! ;)

Default-user

Great, exactly what i needed. Thanks bro!

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

Hey buddy, Quick question :). Is there a quick way to disable Standard tabs auto-changing into Swipe-tabs in Mobile mode? I checked Setup and Tabs.js but could not find any place to change this. Please let me know. Thanks.

displayinline

Hi,

Actually, no, sorry… This would be quite complicated to implement, it would requires some styles to be defined several times, and handling the various screen sizes would be complex.

Let me know if you have any other question!

  • Has been a member for 0-1 years

Hi, on iphone last wizard step (4th) goes in next line. so my question is 1) How to remove legand on mobile device. How i use this “hidden-on-mobile” class?
2) Can you please , provide information or code to upload Avatar image on server via php.
3) I want to use adobe flex page for one of menu which resides at left side in our case .So How to achieve this? Is iframe is optimal solution to this and if yes how we can implement in our template. or other solution is welcomed always !
eg – https://www.dropbox.com/s/ysh2ce2ohen1dol/flex_wizard.jpg

Thanks Developr !

Default-user

Please help me to resolve this issues !

  • Has been a member for 0-1 years

Is there a way to set a background color for a single .modal object? contentBg is just a boolean. I would like to set a gray background for the whole modal instead of white, but for only one of several modal objects so changing the CSS file is not an option.

displayinline

Hi,

You may simply define a custom style in your page:

<style>
    .modal-grey-bg .modal-bg {
        background-color: #808080;
    }
</style>

And open the modal with this class:

$.modal({
    title: 'Modal window',
    content: '...',
    classes: 'modal-grey-bg'
});

Let me know if you need more details! ;)

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

Hi, I am finding a way to select year range in glDatePicker but no luck :( Currently glDatePicker support +/- 5 from current year but what I need is much more wider (e.g. 1950~2020) to set the birthdate. Please tell me if there is a way. Thanks

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

good looking and for sure good for beginners, for me, too much overhead.

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

If you are interested, I’ve added a new file style for the 24px icons in the files.css

displayinline

Hi,

Sure, you can share it here if you want, this may be useful to other users ;)

Thanks for sharing!

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

I’m using an IPhone 5 to view the template on this website. None of the menus work or the modals, or anything for that matter. Is this template mobile friendly?

displayinline

Hi,

This is surprising: this template is used by several thousands users, and they all reported it to work fine on smartphones (iPhones and other brands)... Can you tell me more about the issue you have? I can surely help ;)

Default-user

Yeah I just went to this URL for the demo of your code, http://themeforest.net/item/developr-fully-responsive-admin-skin/full_screen_preview/2085628

I tried to use the menu navigation and noticed it didnt work.

displayinline

I think the issue may come from the iframe ThemeForest uses to embed the demo. Try accessing the dome using this direct link, it should work better:

www.display-inline.fr/demo/developr/template/

Let me know if you still have issues with it!

Default-user

Yeah still doesn’t work for me on iPhone 5. Modals or menus. Not sure how it works for others

Default-user

It works fine when I’m on WiFi, but when I’m on my own data plan, I guess it can’t handle it.

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

There is a way to have a mouse over menu on top of the icon on the left ? Please let me know ASAP.

Thanks .

displayinline

Hi,

Sure, you can use the tooltip menu feature, for instance:

$('#shortcuts a:first').menuTooltip('Menu content here', {}, 'mouseenter');

Or using AJAX to load the menu content:

$('#shortcuts li:first').menuTooltip('Loading...', {
    ajax: 'menu-content.html'
}, 'mouseenter');

Note that the menu will show on hover, but will only be removed if the user clicks anywhere else in the document. You can change this using the tooltip callback onShow if you want.

You will find more details in the documentation, in Features reference / Displaying messages / Tooltips. :)

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

I love the template and design, but the page weights are so big. Averaging around 1.5 MB. Is there anyway to reduce the page weight?

displayinline

Hi,

Sure, there are several things you can do:

  • The example pages have many features enabled (charts, planning…), remove the plugins and stylesheets you don’t need to save bandwidth
  • The template plugins and stylesheets are not minified by default, doing so will drastically reduce the page weight: according to my tests, you may expect a page size under 250kb for a simple page (page content + dependencies)
  • Browser caching is quite efficient on static content, so after the first load pages will on load about 60-150kb

Let me know if you have any other question ;)

Default-user

Ok thanks. I will try it

Default-user

I would like to combine some of your CSS and JavaScript into one file. Are there any restrictions on which files I can combine?

displayinline

None that I am aware of ;) The stylesheets will work fine together (only remind the change the relative image paths), and the scripts are wrapped in anonymous functions so there won’t be any variables collision.

Let me know if you need any more help doing this or if you have any other question! ;)

Default-user

Hi, I’m using YUI compressor on your template’s CSS files. I’m trying to bundle up several CSS files into one. It seems to break on the arrows in this style.css section:

details.details > summary:before { content: ‘?’; padding-right: 5px; } html.details details.details > summary:before { display: none; } details.details.open > summary:before { content: ‘?’; }

Here is the minified version: details.details>summary:before{content:’??;

Default-user

Ok, I found the issue with the symbols. I just need to set the encoding type to UTF8.

Now I have another issue. All of the icons, do not render properly, the ones with icon-pencil for example.

I’m bundling the CSS file list below into one file, but when I switch to a mobile device, the CSS breaks. Do I have the wrong order of CSS files?

<CssFiles Include=”..\CSS\Developr\reset.css” /> <CssFiles Include=”..\CSS\Developr\style.css” /> <CssFiles Include=”..\CSS\Developr\colors.css” /> <CssFiles Include=”..\CSS\Developr\480.css” /> <CssFiles Include=”..\CSS\Developr\768.css” /> <CssFiles Include=”..\CSS\Developr\992.css” /> <CssFiles Include=”..\CSS\Developr\1200.css” /> <CssFiles Include=”..\CSS\Developr\2x.css” />

<CssFiles Include="..\CSS\Developr\Styles\form.css" />
<CssFiles Include="..\CSS\Developr\Styles\table.css" />
<CssFiles Include="..\CSS\Developr\jquery.dataTables.css" />
Default-user

I found the issue with the icons and the screen size changing. Now I’m working on JavaScript compression. The developr.modal.js breaks completely when minified. Can it not work with minification?

Default-user

Another issue, when I minify the setup.js. $.template is changed to a.template. So when I call $.template.init() it fails. Do you have minified JavaScript available for download? If not, can you help with the order of files I need to bundle? This is what I have so far:

<JavaScriptFiles Include="..\Scripts\Developr\setup.js"/>
<JavaScriptFiles Include="..\Scripts\Developr\developr.input.js"/>
<JavaScriptFiles Include="..\Scripts\Developr\developr.scroll.js"/>
<JavaScriptFiles Include="..\Scripts\Developr\developr.table.js"/>
<JavaScriptFiles Include="..\Scripts\Developr\developr.navigable.js"/>
<JavaScriptFiles Include="..\Scripts\Developr\developr.tooltip.js"/>
<JavaScriptFiles Include="..\Scripts\Developr\developr.confirm.js"/>
<JavaScriptFiles Include="..\Scripts\Developr\developr.message.js"/>
Default-user

Ok, I got it working. I had to include the modal.js in my batched files.

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

Hi,

I’m having the same problem as utrdbaeu: the form doesn’t POST parameters using the styles ”select” and ”switch”. It happens in IE9. In IE8 and IE10, it’s ok.

I’d appreciate any help.

Thanks in advance,

displayinline

Hi,

Which version of the template do you use? There was sometimes an issue with the first versions of the template, but it has been fixed since.

In the most recent version, the select element is only hidden and never moved, so its value should always be sent with the form.

If you use a recent version (1.5 or 1.6), do you have an online demo I could check? I will try to find what’s not working here. ;)

Default-user

Hi,

I use the last version (1.6). Unfortunately I don’t have a demo :(. I tried with the “checkbox” style and the same problem happens. :(.

displayinline

Well, hard to tell without being able to test the actual code… Just to make sure, do you use a native form input and let the template style them, or do you only use the styles? If you only use the styles, no value can be sent because there are no underlying input to hold them.

Default-user

Problem solved! :p. Never put a <form… inside a

. Sorry for the mistake. :p.

BTW, I have another problem: running the demo of buttons under XP with IE8, the “Access is denied respond.min.js, line 5 character 739” message is shown. In my application, however, a page using buttons, the “Invalid procedure call or argument respond.min.js, line 5 character 2598” message happens.

I forgot to mention that I’m updating from version 1.3.

I’d appreciate any help again.

displayinline

Hi,

You may check the plugin’s issue tracker, there seems to be several cases in which this may happen, and several corresponding solution ;)

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

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

Hi,

I’m having the same problem as utrdbaeu: the form doesn’t POST parameters using the styles ”select” and ”switch”. It happens in IE9. In IE8 and IE10, it’s ok.

I’d appreciate any help.

Thanks in advance,

by
by
by
by
by
by