Code

Discussion on Sky Forms

Discussion on Sky Forms

By
Cart 1,100 sales

voky supports this item

Supported

This author's response time can be up to 2 business days.

72 comments found.

Great Script, but it dont support IE7, right?:(

If it is possible to support internet explorer 7?

Sorry, but no.

Ok. I am sad..:(

Hi, I have a keep my css files to a minimum. This means I can only import sky-forms.css. How can I make it so that the default color is orange instead of having to import the extra orange css file.

Thanks

Hello. You can copy content of orange.css at the end of the sky-forms.css file.

Regards, Voky

hi, great form styling!

i found a little bug in the select box: at http://voky.com.ua/showcase/sky-forms/examples/demo-order.html you see that there are some characters like the g are not completely visible in both chrome and firefox. It looks better with padding: 6px 10px; instead of padding: 8px 10px; :)

Hello. Thanks a lot for your message!

Hi, pre order question: How to use with Contact Form 7 ? Thank you.

Hello. I’m not familiar with Contact Form 7, but I think you need to add some modifications to css or to the html so the form looks like Sky Forms.

Regards, Voky

Hi Just purchased it but there is no JS files to set it up. Do you have the files to make the form work?

Hello. Just send you an answer by email.

Regards, Voky

bought it.. =)

Thanks ;)

Hi Voky, why the icon cannot show when I upload my program to FTP? I already include the icons folder. Can you help me?

Yes, of course I can help you. Please send me an email to voky.com.ua@gmail.com with a link to your page.

Fantastic and quick Support received rated 5* :)

Thanks, man!

Please send me installation details on sachinbhuriya@gmail.com . I already send you the mail regarding this.

Hi. Just send you an answer by email.

I checked the live demo etc, but is it possible to update the fontawesome icons to the ones it has now? Ill buy it then, fontawesome is currently on version 4.0.3 with alot more icons.

Oh and is it possible to give the buttons icons as well?

Hello. Thanks a lot for your questions/advices. Give me couple of days and I’ll release a new version with font awesome 4.0.3 and possibility to add icons to the buttons.

Regards, Voky

Alright man, ill stay tuned then ;)

Nice form styling. I like it a lot and the documentation is excellent!

Oh just one thing, I think you should have use div tags instead of <section> around the items. I believe this is not were the <section> tag was made for. However, this is just a minor issue.

Thanks a lot! And you are totally right. I’m preparing an update with some fixes for the html layout.

Great work but, my checkbox always ‘checked’ how can i fix it…. :(((

not: normal skyform page working just i need help in my design… !!!

i mean no any bug….

Hello. Please, sent me your project to voky.com.ua@gmail.com and I’ll help you.

project in your mail thank you so much … best form framework ever i seen….

Sent you an answer.

Well, I bought it anyway :) Thanks

Thank you too :) Hope there will be no problem with integration to Genesis framework.

I run on a Genesis framework, not html5 supported. I don’t know code so can I still use this? Thank You Charles

Hello. Sorry, but I can’t help you. I never worked with Genesis framework.

Nice Work.

Im coding a terminal with your sky forms.

it seems to be working but when i include input.textbox and press enter, it automaticly refresh the page and doesn’t send the command to the terminal.

do u know how to fix it?

if i remove this here: <form id=”sky-form” class=”sky-form” /> it would work, with form it wont.. help please :)

Hello. Try to add this attribute to the form element:

<form onsubmit=”return false;”> ... </form>

Hey guys,

I found that I needed to add some css to IE8 compatibility file to get a few things to work correctly that were not:

.ui-datepicker { background: #fff; box-shadow: none; border: 1px solid #d9d9d9; }

.sky-form .tooltip { background: #000; }

.sky-form .tooltip-top-right:after { border-top: 4px solid #000; }

.sky-form .tooltip-top-left:after { border-top: 4px solid #000; }

.sky-form .tooltip-right:after { border-right: 4px solid #000; }

.sky-form .tooltip-left:after { border-left: 4px solid #000; }

.sky-form .tooltip-bottom-right:after { border-bottom: 4px solid #000; }

.sky-form .tooltip-bottom-left:after { border-bottom: 4px solid #000; }

.sky-form .select i { top:8px; right:10px; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:6px; background-position: center; }

Also using http://selectivizr.com/ scripts with IE8 solved the toggle problems where it wouldnt click. I even dynamically loaded the script for AJAX use with ASP updatepanels:

function getInternetExplorerVersion()
    // Returns the version of Internet Explorer or a -1
    // (indicating the use of another browser).
{
    var rv = -1; // Return value assumes failure.
    if (navigator.appName == 'Microsoft Internet Explorer') {
        var ua = navigator.userAgent;
        var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
        if (re.exec(ua) != null)
            rv = parseFloat(RegExp.$1);
    }
    return rv;
}
function pageLoad(sender, args) {
var ver = getInternetExplorerVersion();
if (ver > -1 && ver < 9.0) {
    //This version of ie needs selectivizr to add the missing css handlers for the modern controls. Load the script dynamically. (So it stays in updatepanels)
}
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '<%= ResolveClientUrl("~/Scripts/selectivizr-min.js") %>';
head.appendChild(script);
}

Also this function in the master page will ensure any date pickers you give the css class mydatepickerclass to retain their date picker on ajax partial postback:

$(document).ready(function () {
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
function EndRequestHandler(sender, args) {
}
$('.mydatepickerclass').datepicker({
    dateFormat: 'dd/mm/yy',
    prevText: '',
    nextText: ''
});
$('.mytimepickerclass').timepicker({
    hourGrid: 4,
    minuteGrid: 10,
    timeFormat: 'HH:mm'
});
});

Can I use this form to design my existing form? I mean, i already have a generated form, can i decorate with it?

I know, but i thought I can use the css of this form. I really don’t want to write a full css to decorate my existing form.

I suppose that you don’t need to write a full css, but you will definitely need to add some modifications for correct work of my css with your html layout.

I bought this simply because the color blending was really beautiful. I’m always jealous of people who just seem to be able to take CSS and create something gorgeous of a few lines of code and some gradients-you make it look easy-which believe me, I know it’s not, at least for me. :) Sometimes I buy them to use, sometimes to learn from, with these, I’m doing both. Nice work.

Thanks! I’m very glad you liked Sky Forms so much.

I love the forms and the easy layout of the CSS. Voky does great work and is very responsive to questions!

Thanks, man! I really appreciate that.

it is possible to provide please a qorking example with a php send file? thanks

Hello. I just sent you this file by email.

I’m certainly glad I found this gem. Great work. I’ve bookmarked it and I’m eagerly waiting for the pro version.

Question for you regarding the registration form, is it possible to make the tooltip display only when the user clicks on the icons on the right, instead of the way it does it now where its displayed as soon as the field is active.

Thanks

Thanks a lot. The tooltip can be shown on click, but this requires a small modifications and few lines of js code.

Hi Voky,

I couldn’t wait until the pro version so I bought this version (I’ll buy the pro version too when its released).

For the registration form, can you tell how to get the tooltip to display only when the user clicks on the icons on the right?

Thanks

Hi, thanks for the purchasing. Please, send me email to voky.com.ua@gmail.com and i’ll modify the tooltips for you.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey