Back to YDN Documentation Forum
0

HTML vs. YML (and CSS) allowed and forbidden tags?

The yahoo application docs (http://developer.yahoo.com/yap/guide/index.html) talk at length about YML, all the nice tags and OAuth and how to use them, yadayadayada.

While this is all nice and dandy, nowhere does it tell me which HTML tags are allowed together with YML and which are forbidden! Do I have to guess or can some kind soul please point me to a reference where it lists the HTML tags that can be used?

Also how about layout, design, using CSS in Small and Canvas views? Can I include a CSS from my own site? Any restrictions here?
It would also be very nice to get some pointers around minimum guaranteed dimensions of Small and Canvas view (yes, I read the recommendations, 100% width etc.), what if I want to use an image, how wide should I make it to avoid some part of the right side being cut off?

I mean instead of starting with all the backend integration stuff, how about starting with an example with simple STATIC content and just explaining the layout of the view - once I figured that one out I can go on filling it with more advanced content later.
Any pointers to design / layout examples for the views appreciated.

Thanks.

by
Report Abuse
1 Reply
  • Hi dofa55555,

    Within the YAP guide is a section about Caja, which goes into details about what HTML / CSS / JavaScript restrictions are imposed on the system. Here are the links:

    HTML not allowed: http://developer.yahoo.com/yap/guide/caja-blacklist.html
    JS, CSS, and HTML supported: http://developer.yahoo.com/yap/guide/what-...l#caja-html-css
    Limitations under Caja: http://developer.yahoo.com/yap/guide/what-...imitations.html

    Regarding the guaranteed dimensions for the different views, that is something that I can provide you some pointers on but not give you a guarantee. Currently the Yahoo! homepage implementation of YAP is the smallest of the dimensions, while My Yahoo! has larger available dimensions. If another YAP dropzone is placed on a different property, it may have different dimensions still. This is why we suggest fluid widths. With all of that said, since the Yahoo! homepage has the smallest dimensions, you can use those as a guideline for app building if you would like:

    Small View: 400px width X 460px height. If the content of the view goes beyond 460px, a scrollbar will be placed on the left which will shrink down the available width by about 20px.

    Canvas View: 750px width X 460px height. The same rules about the height apply as with the small view.

    Let me know if you have any other questions.

    Jonathan LeBlanc
    Technology Evangelist
    Yahoo! Developer Network
    Twitter: jcleblanc
    Report Abuse
    0
✕ This forum is locked.
Ask a Question

Recent Posts

in YDN Documentation