1843 comments found

zzroche Purchased

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”.

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 ;)

promosync Purchased

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

Default-user
promosync Purchased

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.

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.

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!

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 ;)

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

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! ;)

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.

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.

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! ;)

sclerato Purchased

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!

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!

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 !

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! ;)

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

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

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!

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

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.

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. :)

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?

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.

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

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!

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