1824 comments found

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

Hi there, I am trying to use Ajax Model box on modals.html. I am getting error on the pages provided. This is calling auto-setup.html as in your folders, Path is correct. iFrame modal is working fine, but not working with ajax content load of another page (and I do not plan to use iFrame)

// Demo AJAX loading function openAjax() { $.modal({ title: ‘Ajax content’, url: ‘ajax-demo/auto-setup.html’, width: 300 }); };

“Error While Loading Content Please try again”

Thanks Mark

displayinline

Hi,

This may happen if you open your files locally (check if the url in the address bar of your browser starts by file://): some browsers have security settings to prevent AJAX requests on local files.

If so, try putting your files on a webserver (your local test server, for instance), everything will work fine then ;)

If not, tell me and we’ll look for another solution!

Default-user

Thanks displayinline, We have done exactly as suggested but it still is buggy. It does open once , but when I close it and click to open again, it does nothing. I’d like to give you the url but I cannot list it publically. Do you have an email address I can sent it to to shown you the behaviour?

We have used this code: function openContacts() { $.modal({ title: ‘Ajax content’, url: ‘ContactsList.html’, width: 300 }); };

Thanks Mark

displayinline

Hi,

You can send me a message on my profile page, I’ll see if I can find what’s not working ;)

Default-user

Thanks, I will do that, though we may have found a workaround. However, I see that you have just posted a new version 1.5. Can you tell me how I go about applying an update as obviously the UI I have created is different? Thanks Mark

displayinline

Hi,

If you use only unmodified CSS/JS/img template file, updating is easy: simply overwrite the folders css/, js/ and img/ from the update, and you are done. There are minor changes in the default page markup (a few modified tags in the head section), but these are optional.

If you customized some files, a diff tool such as Winmerge will make locating and merging the changes a breeze ;)

Tell me if you need more details!

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

Hi there, I have a hard time getting the plugins to work with knockout (MVVM two way binding). When I bind the checkbox in javascript in knockout, the binding gets lost somewhere (most likely because of the extra html that is rendered to it and the manipulations that are done to the input element). When I create a custom binding, I can get it to work one way (when the user clicks, the underlying bound value gets changed), but not the other way. How can I programatically change the checkbox in javascript and get the render to update? I also need to do it for all the other controls (datepicker, select, radio, etc). I tried $(selector).prop(‘checked’, true/false).trigger(‘silent-change’), but that doesn’t work.

ps: I have purchased the template but I don’t have the certificate license in the downloads sections to access the support forum.

displayinline

Hi!

The custom event silent-change only works with the latest update of the form plugin, is this the version you use? Otherwise simply trigger a change event.

I have noticed that MVC frameworks tend to modify the DOM by overwriting elements, thus breaking the bindings and handlers defined by the styling plugin, but I am not familiar enough with Knockout to tell you how to fix this, sorry… If possible, try to call $(selector).applyClear(true); before Knockout starts manipulating the input, then $(selector).applySetup(true); once it is done: this will remove all template styling and put it back later, thus re-creating the required bindings and handlers.

About the certificate licence, I just realized they removed the link to download it… Maybe did you get the certificate code in the purchase receipt mail? Otherwise tell me and I’ll see how to log you into the forum ;)

Default-user

I purchased a few week ago so I’m working on the latest version I guess, but the ‘update’ trigger is working for me, thanks. I found the certificate through the purchase email indeed, so I can log in to the forum now.

  • Exclusive Author
  • Has been a member for 1-2 years
  • Bought between 10 and 49 items
koza95 Purchased
Hello
I have very weird problem with AJAX. Cant resolve it even with debugers
Here is code that is working (login):
http://pastebin.com/488igh7w And here is not working (account activation):
http://pastebin.com/ti1mVbix
My problem is that second script is not displayin success or error messages :(
Chrome developer tools shows that PHP script is returning correct value for example activated but javascript is not displaying it. It stops on message Activating…
I hope You can help me
displayinline

Hello!

This is surprising, as both ajax calls are the same… Did you try adding a few console.log() calls in the success and error callbacks, to trace if they are actually called? Also make sure that the var data passed to the callbacks is one of the 3 valid values, by logging it to the console too.

If this does not help, you may try to define the complete callback, which gets called whenever the ajax call ends, to check if the request does not fail completely… Just to make sure.

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

Default-user
koza95 Purchased

Nothing of it worked :(
It seems to block javascript after that line:
activation: code
},
Dont know what is wrong :( PHP script is completely working because it returns correct value as activated or fail or success and it seems javascript on page cant display proper message.

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

Hi Displayinline!

I am not able to enter the MySQL database, using PHP, the rows of tables using the plugin datatables. More specifically the extra line style given as an example in tables.

I thank you very much for your help.

Below is the piece of code which I am quoting:

// Add fake row
 $(''+
     'tr.children().length'">'+
     ' '+
     '<button type="submit" class="button glossy mid-margin-right">'+
     '   '+
     'Send mail'+
     '</button>'+
     '<button type="submit" class="button glossy">'+
     '   '+
     'Remove'+
     '</button>'+
     ' '+
     'Name: Pedro
'+ 'Account: admin
'+ 'Last connect: 05-07-2011
'+ 'Email: john@doe.com'+ ''+ '').insertAfter(tr);
displayinline

Hi!

You may try to use the solution I gave here some time ago, using data-* attributes.

Hope this helps! :)

Default-user
Marccoel Purchased

Hi! Thanks for the reply. I solved this! I have another problem … When entering any data in the database table that has some kind of accent, for example: The name Vinícius, that has an acute accent on the letter i. All information belonging to that table cell is empty. Any idea what could be? I took the test in the table Ajax code example (using DataTables / examples / data_sources / server_side.html) and the same thing happened. If you can help me appreciate it immensely.

Thank you.

displayinline

Hi,

This looks like an character encoding issue: make sure all your files and databases are using UTF8, or at least that the required conversions are made.

If you need more help, you should head to the plugin’s forum, you’ll find much more details and resources there ;)

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

The sprites image /html/img/standard/sprites.png includes 6 sprites for glowing LED indicators (black, white, green, orange, red, blue). I can’t find any css styles defined for these sprites that specify the width, height, and background-position (x-offset and y-offset). Can anyone (@displayinline?) provide the as-designed width, height, and offsets for these sprites? Thanks!

displayinline

Hi!

The sprites are defined in the selector .modal-actions > li > a in styles/modal.css (around line 140):

width: 34px;
height: 34px;
background: url(../../img/standard/sprites.png) no-repeat -XXpx -XXpx;

The final background position is set in the colors classes defined below.

Tell me if you need more details! :)

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

Is there a possibility to have an input box that is geared for autocompletion? I.e. as the input box gets focus (because it has been clicked) or as someone types there is a dropdown menu from which the user can select the appropriate value.

Thanks

displayinline

Hi,

The template does not include an autocomplete plugin, but you can easily add one, such as the one from jQuery UI, its standalone version or the popular plugin from Twitter.

Tell me if you need more details! :)

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

hello… I can not see the animation of the “animated” stripes in messages… not even in your docs… (http://localhost/developradmin/index.html#content/basic/generic-styles.html)

tried in firefox seamonkey internet explorer….

in ie don’t even see the stripes..

is there any particular setting or requirement for them?

displayinline

Hello,

This style works fine in IE10, Chrome, Firefox and even Safari. Older versions of IE and Opera do not display it because they lack support for the corresponding features.

About the stripes not showing in IE, this is because the older version don’t support CSS gradients, which are used to create the stripes. Actually, I planned to add an image fallback, I am surprised it wasn’t implemented… So here’s the styles to add to style.css:

.no-cssgradients .thin-stripes {
    background-image: url(../img/old-browsers/stripes-white-10.png);
}
.no-cssgradients .stripes {
    background-image: url(../img/old-browsers/stripes-white-20.png);
}
.no-cssgradients .big-stripes {
    background-image: url(../img/old-browsers/stripes-white-40.png);
}
.no-cssgradients .dark-thin-stripes {
    background-image: url(../img/old-browsers/stripes-black-10.png);
}
.no-cssgradients .dark-stripes {
    background-image: url(../img/old-browsers/stripes-black-20.png);
}
.no-cssgradients .dark-big-stripes {
    background-image: url(../img/old-browsers/stripes-black-40.png);
}

Also download the required images in the folder img/old-browsers/.

The stripes should show now even on IE ;) Of course, this will be in the next update, thanks for pointing that out!

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

Hi,

I have the following situation and need your help.

  • 1. gldatepicker – How can I override the Datechanged Event (either manually typing and pressing enter or selecting a date in the popup calendar)?
  • 2. gldatepicker/developr – When the width is reduced the Date control appears in 2 rows. Can it be fixed to single row till the TextIput can support 10 characters DD/MM/YYYY ?
  • 3. When we do a scroll on a Modal dialog, the Background gets scrolled. Is this normal ? Can it be stopped?

Thanks in advance.

displayinline

Hi,

Here are my answers:

1. Can you give me more details on what you mean by overriding? Just not sure to understand exactly what you want to do, sorry! If not already done, upgrading to the latest version of the plugin might help – remember to grab the updated template theme too ;)

2. Do you mean there’s a line break between the icon and the input? If so, you can use this trick: add some padding on the wrapping pseudo-input, and float the icon in that space so the input can expand/shrink to fit in the available width:

<span class="input full-width" style="padding-left: 24px;">
    <span class="icon-calendar" style="float: left; margin-left: -15px" />
    <input type="text" name="special-input-3" id="special-input-3" class="input-unstyled datepicker full-width" value="">
</span>

3. By default, the modal plugin does not prevent mousewheel events to reach the main document, hence the background elements can still scroll. If you prefer to prevent this, just add this code at the bottom of your page:

$(document).on('mousewheel', '#modals', function(event)
{
    event.preventDefault();
});

Hope this helps! :)

Default-user
vsrm Purchased

Sorry. solution for #2 is not helping me. The effect is same. There is a linebreak between the CalendarIcon and the Input. Is this because of the lineheight which is set to 16 in one of the CSS file?

displayinline

I just noticed the comment system changed the code I sent (it converted the icon span to a self closing tag), and for some reason this code does not work as expected.

Can you try to use this markup instead? It should work fine ;)

Default-user
vsrm Purchased

Wonderful. That solved the problem. Thanks.

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

Hi,

we are going to update our local installation soon, so we do want to be up-to-date with the Developr files. Since you have commited lots of fixes after the release of 1.4 in November, we are interested in a all-in-one update file or a list of all fixed files.

Many thanks in advance!

displayinline

Hi!

Sure, here is a list of all published updates:

There are many others bug fixes and improvement, but most of them are minor and listing all the files here would expose too much of the template. I am working on the update, it should be available soon, stay tuned! ;)

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

Hi!

Im using stats but I notice that the info appear one below the other, like this:

  • <label for=”refresh-button-1” class=”button compact blue-active”> <input type=”radio” name=”refresh” id=”refresh-button-1” value=”5000”> 5 secs </label> <label for=”refresh-button-2” class=”button compact blue-active”> <input type=”radio” name=”refresh” id=”refresh-button-2” value=”10000”> 10 secs </label> <label for=”refresh-button-3” class=”button compact blue-active”> <input type=”radio” name=”refresh” id=”refresh-button-3” value=”30000” checked> 30 secs </label> <label for=”refresh-button-4” class=”button compact blue-active”> <input type=”radio” name=”refresh” id=”refresh-button-4” value=”60000”> 1 min </label> <label for=”refresh-button-5” class=”button compact blue-active”> <input type=”radio” name=”refresh” id=”refresh-button-5” value=”120000”> 2 mins </label>

is ther e a way to put 2 or 3 stats on the same line (one besodes the other)?

Thx!!!

displayinline

Hi!

Sorry, your code got messed up by the comment system, could you post it again in code tags?

About the stats list style, it only works vertically. If you want to display several columns, simply create the corresponding elements:

<div class="columns">
    <div class="three-columns twelve-columns-mobile">
        <ul class="stats">...</ul>
    </div>
    <div class="three-columns twelve-columns-mobile">
        <ul class="stats">...</ul>
    </div>
    <div class="three-columns twelve-columns-mobile">
        <ul class="stats">...</ul>
    </div>
</div>

The class twelve-columns-mobile will allow your stats columns to stack on mobile devices where the screen is too narrow.

Tell me if you need more details! :)

Default-user
akrall Purchased

here is my original code

  • <label for=”refresh-button-1” class=”button compact blue-active”> <input type=”radio” name=”refresh” id=”refresh-button-1” value=”5000”> 5 secs </label> <label for=”refresh-button-2” class=”button compact blue-active”> <input type=”radio” name=”refresh” id=”refresh-button-2” value=”10000”> 10 secs </label> <label for=”refresh-button-3” class=”button compact blue-active”> <input type=”radio” name=”refresh” id=”refresh-button-3” value=”30000” checked> 30 secs </label> <label for=”refresh-button-4” class=”button compact blue-active”> <input type=”radio” name=”refresh” id=”refresh-button-4” value=”60000”> 1 min </label> <label for=”refresh-button-5” class=”button compact blue-active”> <input type=”radio” name=”refresh” id=”refresh-button-5” value=”120000”> 2 mins </label>

BTW, can you explain more how columns work? I still hassle a lot with what 3 columns, 4,6,12, etc can and should do and what they are suppose to do in desktop, mobile, etc.. what new-row-mobile does, etc…

Thx!

Default-user
akrall Purchased

My code keeps gettings mseed up, hope this try is the good one:

<div class="three-columns twelve-columns-mobile new-row-mobile"> <ul class="stats split-on-mobile"> <li> <div class="align-center"> <span class="button-group"> <label for="refresh-button-1" class="button compact blue-active"> <input type="radio" name="refresh" id="refresh-button-1" value="5000"> 5 secs </label> <label for="refresh-button-2" class="button compact blue-active"> <input type="radio" name="refresh" id="refresh-button-2" value="10000"> 10 secs </label> <label for="refresh-button-3" class="button compact blue-active"> <input type="radio" name="refresh" id="refresh-button-3" value="30000" checked> 30 secs </label> <label for="refresh-button-4" class="button compact blue-active"> <input type="radio" name="refresh" id="refresh-button-4" value="60000"> 1 min </label> <label for="refresh-button-5" class="button compact blue-active"> <input type="radio" name="refresh" id="refresh-button-5" value="120000"> 2 mins </label> </span> </div> </li> <li id="llamadas"> </li> <li id="entrantes"> </li> <li id="internas"> </li> <li id="externas"> </li> </ul> </div>
displayinline

Hi,

You find detailed instructions on how to use responsive columns in the documentation, in Features reference / Organizing layout / Columns.

Your code looks just fine, you just need to split the stats list into columns to get the desired effect.

Tell me if you need more details! :)

Default-user
akrall Purchased

here is the end code that I got working…. stats side by side

<div class="dashboard"> <div class="columns"> <div class="nine-columns twelve-columns-mobile" id="main-chart" style="width:70%;height:350px"> </div> <div class="three-columns twelve-columns-mobile new-row-mobile"> <div class="align-center"> <span class="button-group"> <label for="refresh-button-1" class="button compact blue-active"> <input type="radio" name="refresh" id="refresh-button-1" value="5000"> 5 secs </label> <label for="refresh-button-2" class="button compact blue-active"> <input type="radio" name="refresh" id="refresh-button-2" value="10000"> 10 secs </label> <label for="refresh-button-3" class="button compact blue-active"> <input type="radio" name="refresh" id="refresh-button-3" value="30000" checked> 30 secs </label> </span> <span class="button-group"> <label for="refresh-button-4" class="button compact blue-active"> <input type="radio" name="refresh" id="refresh-button-4" value="60000"> 1 min </label> <label for="refresh-button-5" class="button compact blue-active"> <input type="radio" name="refresh" id="refresh-button-5" value="120000"> 2 mins </label> </span> </div> <div class="align-center"> <p> </p> </div> <div class="columns"> <div class="six-columns six-columns-mobile new-row-mobile"> <ul class="stats"> <li id="llamadas"> </li> <li id="entrantes"> </li> </ul> </div> <div class="six-columns six-columns-mobile new-row-mobile"> <ul class="stats"> <li id="internas"> </li> <li id="externas"> </li> </ul> </div> </div> </div> </div> </div>
  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
  • Poland
stalpol2 Purchased

Hi, is there available any time picker in your theme? I can’t find any component which is suitable to set time. If not, do you plan to add some in the nearest future? Or maybe you could recommend time picker which is compatible with scripts, graphics and mobile devices. Thanks in advance for help.

displayinline

Hi,

There is no bundled time picker, but you can easily add one of these. You’ll find even more of them on Google.

Mobiscroll i is great choice, as it is really mobile-friendly, but it has recently evolved to a commercial licence.

Tell me if you need help implementing one of these! :)

Default-user

Hi, I would need help with implementing of this timepicker: http://trentrichardson.com/examples/timepicker/

We cannot manage with the implementation because your css make changes in timepicker view. Thanks for your help!

displayinline

Hi,

The jQuery UI datepicker is great, but quite heavy and it messes with a lot of default styles and does not work very well on mobile devices. I recommend using another plugin, such as the Pickadate datepicker, which includes a time picker as well.

It should work fine out of the box, but if you notice any issue, you just need to edit the corresponding styles in the plugin’s stylesheets which are easy to read – much easier than jQuery UI at least ;)

Default-user

Thanks for recommendation. Actually we need date and time picker in one, because of technical requirements. “Pickdate” offers datepicker and timepicker separately. Moreover, timepicker allows set time only every half hour. We need to be more precise (in minutes).

I found another plugin which I think will be suitable http://tarruda.github.io/bootstrap-datetimepicker/ Do you think it is possible to implement it? Can you help me to do it?

Or maybe do know any other timepicker which allows set date and time together?

displayinline

This datepicker is great, but it requires a template built on top of Bootstrap – it may works, but with slight styling issues.

You may try this one: jQuery Simple DateTime Picker – I did not test it yet, but it looks greats! ;)

Default-user

Thanks for suggestions. I have another question. Do you know how to resolve issue that your files make changes in graphics of a timepicker? !important in css is enough or I have to do something else?

displayinline

Sure, !important is fine and should fix most issues. Also, make sure the timepicker’s stylesheet is loaded last, it will prevent its styles from being overridden.

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

Hi,

Do you have, or plan to make, or know of a compatible plugin that is a text input WITH drop down?

Thanks!

displayinline

Hi,

Do you mean some kind of autocomplete? I do not plan to add one yet, but you can easily install one, such as the one from jQuery UI, its standalone version or the popular plugin from Twitter.

Tell me if you need help implementing one of these! :)

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

There seems to be a in issue with the form drop down modules in firefox. When in Firefox and using multiple form drop downs if you make one selection and move to a different drop down to make a second selection and use key strokes to navigate through the drop down all drop downs that have been previously selected will change instead of just that one.

Is there a fix for this issue. Please advise.

Thanks.

Jason Martinez

displayinline

Hi!

This is a known bug with the first versions of the form plugin, you can grab the latest version here, it should fix the issue ;)

This will be in the next update which should be released very soon.

Tell me if you still have any issue!

  • Bought between 50 and 99 items
  • Has been a member for 1-2 years
ccmagic Purchased

Hello~ Thank you for this great works. I have two questions. 1. when I opened the page on iphone in a frameset page the href works not correctly. after several touches the href works. is this frameset trouble? when not in the frameset, the href touch works well. 2. when view on ipad the sidemenu’s background not reaches to the bottom so after the side menu’s end we look white background… can I fit it?

very satisfied! thank you~!

displayinline

Hello, and thanks! :)

About your questions:

1. Actually, frames are not really well supported on mobile devices (many size and scroll issues). I never tested this setup before so I can’t help much, but the frameset may indeed be responsible for the issue, as it probably intercepts the first touch event to trigger focus on one frame or another.

2. This is the first time I hear of such issue, can you tell me more? Did you use the standard page markup or a customized one? If you have an online test page that I could check, I will see if I can find how to fix this ;)

Cheers!

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

Hi,

Is there a way to display the Count on the Shortcut Menu? I tried same as the standard Menu but the display hides behind another Icon and also it appears only on hover.

displayinline

Hi,

You just need to add a couple extra styles:

In style.css:

#shortcuts .count {
    top: 18px;
    right: 18px;
}

In 768.css:

#shortcuts .count {
    text-indent: 0;
    right: 74px;
    }
    #shortcuts .current .count {
        right: 4px;
    }
    body.reversed #shortcuts .count {
        right: auto;
        left: 74px;
        }
        body.reversed #shortcuts .current .count {
            left: 4px;
            }
            .no-generatedcontent body.reversed #shortcuts .current .count {
                left: 142px;
            }

Now the count bubble should look fine in all layouts.

Hope this helps! ;)

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

I’ve got a question about the popup calendar form element.

In your example here http://www.display-inline.fr/demo/developr/template/form.html under special inputs… when you select a date from the popup calendar… it grays that day out and doesn’t allow you to select it again. If I clear a form (meaning the date in that box gets cleared as well) and a user starts filling out the form again and needs to select the same date… they can’t because it is grayed out. They have to select a different date and then select the previous date they were trying to select in the first place.

Give it a try: Click on the calendar for element under special inputs and select May 14th as the date. Now if you click on it again and erase that date (just highlight it and hit backspace)... or if javascript clears that form element for you… you are unable to select May 14th again unless you click on another date first and then go back to May 14th.

Is there something that I can do to reset the calendar to where all dates are selectable each time that I reset the form? That would help a ton.

Thanks,

-brobar

displayinline

Hi,

Actually, this issue does not exist anymore in the new version of the plugin (2.0), the active date is always clickable.

You can download it here, along with the new version of the template custom theme. This is the version that will come with the next update.

Tell me if you still have any issue! :)

Default-user
brobar Purchased

Thanks… I’ll check that new version out.

  • Exclusive Author
  • Has been a member for 1-2 years
  • Bought between 10 and 49 items
koza95 Purchased
Hello
I have problem with AJAX.
For isnt submited with AJAX and i dont know why.
Here is link to download my file:
http://www.sendspace.com/file/mlshog
Thanks in advance for help :)
displayinline

Hello,

If you check your browser’s console, you’ll see a javascript error: this error prevents the AJAX call from working as expected. It is caused by several calls to the function centerForm which doesn’t exist in your code: simply remove every reference to it, and it should work fine ;)

Here’s the cleaned script: http://pastebin.com/R27rLeVx

Hope this helps!

Default-user
koza95 Purchased

Thanks! You are amazing :)

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

Hi,

I am trying to use the onRangeChange callback of the Agenda. I am not sure how to give a function as attribute. my function never gets called. Can you please post a code snippet to define the function.

I have used the following and I thing this is just treated as string and I get error.
data-agenda-options='{"auto":true,"first":0, "onRangeChange":"onRangeCallBack" }' 
displayinline

Hi!

Unfortunately you can’t specify an function in inline options without a small script. Add this line at the bottom of your file (but before the line $.template.init() if you use it):

$('#agenda').data('agenda-options', {
    auto: true,
    first: 0,
    onRangeChange: function(start, end) { ... }
});

Just set an ID on your agenda block and replace #agenda in the code above. Of if you use only one agenda, $('.agenda') will work fine.

Tell me if you need more details! :)

Default-user
vsrm Purchased

Hi,

This is working fine. But my intension was to dynamically load the next/prev week when we reach the last/first loaded column.

Do you have any suggestions?

Thanks.

PS: Sorry. I am unable to Search this forum for existing discussions as there is no search at forum level. I have to trouble you.

displayinline

Hi,

The range change event will tell you when the user reaches the first and last columns:

$('#agenda').data('agenda-options', {
    onRangeChange: function(start, end) {
        if (start === 0)
        {
            // Load previous days
        }
        elseif (end === 6)
        {
            // load next days
        }
    }
});

But this may not give the expected result, as one don’t know if the user only wants to see the first day or really wants to load previous week.

Here’s how I would do this: the plugin does not add arrows for the first and last days, so you may add them yourself in the markup:

<!-- First day -->
<div class="agenda-header">
    <a href="#" title="Previous" class="agenda-previous load-prev-week"><span class="icon-left-round" /></a>
    Sunday
</div>

...

<!-- Last day -->
<div class="agenda-header">
    <a href="#" title="Next" class="agenda-next load-next-week"><span class="icon-left-round" /></a>
    Saturday
</div>

Then at the bottom of your page, add this code:

$(document).on('click', '.load-prev-week', function(event)
{
    // Load previous days

}.on('click', '.load-next-week', function(event)
{
    // load next days
});

I suggest you load the full agenda block and replace the previous one, as loading only parts of it and injecting it in the existing element would break internal references.

Tell me if you need more details! :)

Default-user
vsrm Purchased

That was perfect. Thanks.

  • Exclusive Author
  • Has been a member for 1-2 years
  • Bought between 10 and 49 items
koza95 Purchased
Hello
I have question according to this code:
http://pastebin.com/R27rLeVx
Can I include all necessary Javascripts in another page if that code is loaded using for example this:
http://www.display-inline.fr/demo/developr/template/inbox-full-height.html (here message is loeaded)
I mean i will load all javasript on messages box page and will ajax form be submited on loaded code?
displayinline

Hello,

This code only requires the plugin developr.message.js, but as long as this one is loaded it should work fine, either on page load or after being loaded via ajax.

Just make sure the script you mention is loaded at the same time as the login form. Or use event delegation, which is simpler.

Tell me if you need more details!

  • Exclusive Author
  • Has been a member for 1-2 years
  • Bought between 10 and 49 items
koza95 Purchased
Hello
I have problem with icons :(
On dashborad page all icons are moved up like here:
http://scr.hu/6jr/op40f
On another pages everything is ok like here:
http://scr.hu/6jr/3z6wn
I dont know where is errror.
Here is dashborad page code: http://pastebin.com/iHZCnJ8N
I have another quetion too and asked it one question up
Thanks in advance for help :)
displayinline

Hello,

Make sure your generated markup starts with the HTML5 doctype:

<!DOCTYPE html>

There should be also no output before it. Most of the time, this solves the issue ;)

Tell me if it does not help!

by
by
by
by
by
by