Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

better documentation #5

Closed
aFarkas opened this issue Oct 20, 2010 · 9 comments
Closed

better documentation #5

aFarkas opened this issue Oct 20, 2010 · 9 comments
Labels

Comments

@aFarkas
Copy link
Owner

aFarkas commented Oct 20, 2010

  • how to customize/style input-widgets
  • how to build polyfills
  • what usefull stuff is in polyfiller.js
@codler
Copy link

codler commented Mar 14, 2011

Which feature keywords can be used in "$.webshims.polyfill()" ?

@aFarkas
Copy link
Owner Author

aFarkas commented Mar 14, 2011

The feature-keywords are:
es5, json-storage, geolocation, canvas, forms. forms-ext

the profiles-keywords are:
-lightweight (FF4 doesn't has to load anything. everything is included, except forms-ext)
-xlightweight (FF4 and IE9 doesn't have to load anything, everything is included except of forms and forms-ext)

If you have a suggestion how and where I should document this. Currently, it is documented in the several feature description.

@codler
Copy link

codler commented Mar 14, 2011

You could write under "Embedding and configuring the script". There you describe lightweight but not what "all" is.

@aFarkas
Copy link
Owner Author

aFarkas commented Sep 26, 2011

It would be possible to make the documentation clearer by listing and describing every method by itself with examples, like in the jQuery docs: http://api.jquery.com/jQuery.ajax/

@sarahamandus
Copy link

How do I style the widget buttons to be outside my date control?

So far I have this working:

$.webshims.setOptions("forms-ext", {
replaceUI: true,
date: {
startView: 2
}
});

I need to know how to set the button styles.

@aFarkas
Copy link
Owner Author

aFarkas commented Apr 25, 2013

You find an example here.

It's quite simple. If you use positive margin-left styles for the buttons, they are positioned outside. Webshims detects this an will adjust the width calculation autmatically:

.input-buttons.date-input-buttons {
    margin-left: 2px;
}

Please let me know wether this helps.

@dcardosods
Copy link

How do I disable number input spinner?

There is an example here, but i don't understand how it was implemented...

@aFarkas
Copy link
Owner Author

aFarkas commented May 14, 2013

This is in general explained here

So you can write:

$('input').prop('disabled', true);

or with declarative:

<input type="number" disabled />

I guess you tryed:

input.disabled = true;

Which is quite hard to implement x-browser. The interesting part of webshims is indeed, that I do not try to invent a new abstraction layer. I simply use jQuery build in methods and extend those. Especially this makes webshims so special over all shims, which implement new abstractions and therefore have to be loaded in all browsers.

@dcardosods
Copy link

Thanks for the answer.
Actually I don't know that setting 'disabled' to true, the controls would be disabled.

@aFarkas aFarkas closed this as completed Nov 26, 2013
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

4 participants