Can we embed the widget as just a normal ihrame?

vzaar Chief Geek's Avatar

vzaar Chief Geek

28 Oct, 2009 02:11 PM

We’re finding the lack of public info through items we send through the API a real loss.

Whilst we are waiting on this to be included, https://help.tenderapp.com/discussions/questions/303-passing-custom...

we’re thinking of maybe replacing our API implementation on http://vzaar.com/contact with the widget. To try keep the integration the same, we’re wondering if we can just embed the iFrame directly.

e.g. looking at the widget on Lighthouse, if I look at the iFrame, I’m wondering why we couldn’t just manually insert the iframe. say just putting this line into our page.

Is anything generated by the widget that means this wouldn’t work?

<iframe scrolling="no" height="100%" frameborder="0" width="100%" src="http://lighthouse.tenderapp.com/widget/discussion/new?r=0.95944xxxxxxx641&amp;sso=soUosc%2F9suJ1SxxxxxxbzEY3EnvT7Fg0foCd90%0AkBR0Wj%2BDSNJxxxxxZbecCkniItT9zU2%2BT%2BxxxxG%2FmxxxO6P%2FP30xxx7ABp%0A6KCBrxxxxbPygrkCNd68aLiS%2BaXKCzt5RgwPHplire6h1kVyR5s%0ASYEJljDhvqwZxxxxe%2FPxxm%2Fx2NI5JespHKPCksXpPropxxxACJD6XZDaxxxxID%0A"/>

  1. 1 Posted by vzaar Chief Gee... on 28 Oct, 2009 10:19 PM

    vzaar Chief Geek's Avatar

    Or even better, can we use the API to send an internal message? (as we can do in the system?) If we can do that we’ll just send an internal message with the custom info in it which would be a lot better whilst we wait for https://help.tenderapp.com/discussions/questions/303-passing-custom... to be done.

  2. 2 Posted by rick on 28 Oct, 2009 11:44 PM

    rick's Avatar

    I don't think so, other than some CSS:

    var styles = "#tender_window{ position:absolute; top:20px; left:50%; margin-left:-340px; width:680px; height:615px; padding:3px; background:url(" + host + "images/widget/overlay_back.png); z-index:9999; }";
    styles +=    "#tender_window iframe{ border:none; width:100%; height:100%; } ";
    styles +=    "#tender_window #tender_frame{ width:100%; height:100%; background:url(" + host + "images/widget/loader.gif) 50% 50% no-repeat #fff; } ";
    styles +=    "#tender_closer{ position:absolute; top:18px; right:18px; color:#fff; font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; border:none; } ";
    styles +=    "#tender_toggler{ position:absolute; top:100px; right:0px; width:33px; height:105px; padding:3px 0 3px 3px; background:url(" + host + "images/widget/overlay_back.png); } ";
    styles +=    "#tender_toggler_link{ display:block; width:100%; height:100%; text-decoration:none; border:none; background:#006699; text-indent:-9999px; background:url(" + host + "images/widget/tab_text.gif); } "
    

    Looks like that's just a hardcoded version of this stylesheet with the host named used for the image links. In your case the host would be something like http://vzaar.com/help/ I think.

  3. 3 Posted by vzaar Chief Gee... on 28 Oct, 2009 11:59 PM

    vzaar Chief Geek's Avatar

    And w.r.t my Q on sending an internal message via the API? Is that possible?

  4. 4 Posted by rick on 29 Oct, 2009 12:09 AM

    rick's Avatar

    Yes that should work fine. Send an `internal` key as part of the
    comment json hash:

        {"body":"this is a reply", "internal":true}

    Apparently we added internal replies after the API, so it's not really
    documented. I'll run some tests and add it to the documentation.

  5. 5 Posted by vzaar Chief Gee... on 29 Oct, 2009 09:23 AM

    vzaar Chief Geek's Avatar

    Ok great stuff.

    That’s a great interim work around, whilst we wait for the ability to send custom info though the api.

  6. rick closed this discussion on 29 Oct, 2009 05:06 PM.

Discussions are closed to public comments.
If you need help with Tender please start a new discussion.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac