Invitation sent

Hi there Sent you an invite

Hi there

Its completely covered by a black overlay ? make sure you have your Modal HTML tags above the “ ” div. Like in the modals.html file that we have shown

It does work when placed above .page-container but is there any way i can get it to work below that? Ideally just above .content or just before the .footer I only ask as we have the header and footer included by PHP and the modals are on their own pages so placing the modals that far up would mean i would have to include content that is static across the whole site within every single page.

Hi there Sorry about the late reply, we can try planing with the Zindex of the Bootstrap modal, Will try it on the content and let you in abit

Oh, and by the way. Can you add me to the github repo? Username: nitech

Hi there

Thank you very much!

Ok seems like its not properly visible, will try to get this corrected in v1.1 and thanks again. Also I sent you an invite to github

Thank you ace. As always, you are quick to respond and always positive

ok do u have any examples i can use since im new at some of this, ive been reading books on how to program with classic asp and figuring it out piece by piece.. http://www.thehighbrary.org/ i need to figure out how to displace my search results on enter .. so do u have an example script that i can go by?

Hi,

Please follow the example below to get it implemented: It searches on “Enter” key press event. For live search (as you type) you may use a similar code.

$('[data-pages="search"]').search({
    searchField: '#overlay-search',
    closeButton: '.overlay-close',
    suggestions: '#overlay-suggestions',
    brand: '.brand',
    onSearchSubmit: function(searchString) {
        // search results container
        var searchResults = $('.search-results');

        // call backend api with input value
        // to get search results
        $.post("api.asp", {
            search: searchString
        }, function(result) {
            // loop through each search result returned 
            // and append to search container
            for (var i in result.rows) {
                searchResults.append('<p>' + result.rows[row] + '</p>');
            }
        });
    },
    onKeyEnter: function(searchString) {
        // live search. 
    }
})

{
    "rows": ["Search result 1", "Search result 2", "Search result 3"]
}

thanks im going to try it right now

Hi there

Yes tabs do get a bit messy on mobile and we had a look at different methods where it turns into a accordion on mobile will look at the Developr theme too, Thank you again for your valuable inputs

you bet . . . developr is a particularly good solution because the buttons look like ios type mobile buttons

Hi there Sent you an invite

Hi there

Currently there is no public method implemented for Pages calendar to change the start of the week, but its added as an update for v1.1

Hi there

Sent you an invite

Currently the cs-select plugin doesn’t fire the ‘change’ event. We’ll be fixing this in our next update. Here’s something you can do to get it working:

1) Replace your plugin initialization lines Pages.prototype.initSelectFxPlugin = function() {...} (Line #225 in pages/js/pages.js) with the following:

Pages.prototype.initSelectFxPlugin = function() {
    window.SelectFx && $('select[data-init-plugin="cs-select"]').each(function() {
        var el = $(this).get(0);
        $(el).wrap('<div class="cs-wrapper" />');
        new SelectFx(el, {
            onChange: function() {
                var event = document.createEvent('HTMLEvents');
                event.initEvent('change', true, false);
                el.dispatchEvent(event);
            }
        });
    });
}

(This will trigger the ‘change’ event whenever a value is changed in cs-select)

$('#myselect').on('change', function (e) {
    console.log($(this).val());
});

The reason why your ‘change’ function didn’t get called was that we hide the native <select> in the plugin initialization. Let us know if this worked.

This worked! Thank you ver much for this!

Also, I have another issue with this plugin. When I use it in a modal, the dropdown list seems to be appearing behind the modal window. I am using the CSS file, not LESS in my page. What CSS setting should I apply to make the cs-select plugin work in the modal? I am assuming it is a z-index issue. Is this correct?

Great!

Thanks for pointing out the issue. The default init of cs-select sets the container as ‘body’. In this case it should be the modal element.

Please apply the above patch to your pages.js. Also remove the auto-init line data-init-plugin="cs-select" from your cs-select placed inside the modal, and do a manual init.

var el = $('#mySelect').get(0);
$(el).wrap('<div class="cs-wrapper" />');
new SelectFx(el, {
  container : '#myModalID'

});

PS: If you’re not familiar with patching, please refer to http://jungels.net/articles/diff-patch-ten-minutes.html

Hi there

In the current v1.1 we did not have editing tools added to the list if we really have spare time before the February 3rd will try to get it in v1.1 but if not v1.2 Thank you for suggesting

cool . . . counting down the days : )

Correction its Feb 3rd I think I might have mentioned 2nd but on Github we have officially mention 3rd My bad, yes as long as you have not done any changes to pages folder JS and LESS files you can easily update it by replacing the pages folder. If not you can use github file Diff tool but that requires some manual changes.

cool thanks!

Hi there

Sure maybe this will help you

Thanks Added. BTW, cool github username!

Thanks

Thank you for your compliments. I have added you to Github.

Sent you an invite

<!-- BEGIN Overlay Logo !-->
        <img class="overlay-brand" src="assets/img/logo.png" alt="logo" data-src="assets/img/logo.png" data-src-retina="assets/img/logo_2x.png" width="78" height="22" />
        <!-- END Overlay Logo !-->

The logo is there for branding purposes. Also it provides a context for the search that user is going to perform. You can adapt it the way you want

Yeap true, i just find it a bit weird, but, as a developer i know we can’t please everyone

Invitation sent!

FU – if we wanted some custom pages built (and didn’t care if you added them back into the theme) – would you entertain an engagement?

Hi there

I’m sorry but your message was not clear for me, you mean for us to build a custom page or plugin ?

Primarily interested in knowing if you will do custom development work on a few new page designs. I’m trying to get interest in using this internally – and I know that will be a question from the CTO.

Hi there

An image gallery is already added to our update list v1.1 and will be released on the 3rd of February. Also if you have an suggestions about the gallery please do let me know

Hi, sounds great. My suggestion would be like stated above: Mostly, when having images in a backend, we like to have some basic toolbar for each image (by rolling over the image or outside the image). This could contain a line of text and editing icons. Maybe some sorting options as well? Looking forward to the update!

Great!

sorry didn’t find it. Can you retry? “mediatainment”

Hi there

I think you also post an issue at github, is the account correct ? please confirm

yeah, found the invitation, thx!