Link external css and java script to the custom control in own xbl.

classic Classic list List threaded Threaded
2 messages Options
Reply | Threaded
Open this post in threaded view
|

Link external css and java script to the custom control in own xbl.

Ajit
Hello

i have created custom control by creating my own xbl ,css and js file.

created
medication-history.xbl
medication-history.css
medication-history.js

under

/resources/xbl/ucsf/medication-history/

<xbl:xbl xmlns:xh="http://www.w3.org/1999/xhtml"
xmlns:xforms="http://www.w3.org/2002/xforms"
        xmlns:xs="http://www.w3.org/2001/XMLSchema"
xmlns:ev="http://www.w3.org/2001/xml-events"
        xmlns:xi="http://www.w3.org/2001/XInclude"
xmlns:xxi="http://orbeon.org/oxf/xml/xinclude"
        xmlns:xxf="http://orbeon.org/oxf/xml/xforms"
xmlns:ucsf="http://www.ucsf.com/xbl"
        xmlns:saxon="http://saxon.sf.net/"
xmlns:fb="http://orbeon.org/oxf/xml/form-builder"
        xmlns:xbl="http://www.w3.org/ns/xbl"
xmlns:xxbl="http://orbeon.org/oxf/xml/xbl">



        <metadata xmlns="http://orbeon.org/oxf/xml/form-builder">
                <display-name lang="en">UCSF Controls</display-name>
        </metadata>

        <xbl:script src="/xbl/ucsf/medication-history/medication-history.js" />
        <xbl:resources>
                <xbl:style src="/xbl/ucsf/medication-history/medication-history.css" />
        </xbl:resources>


        <xbl:binding id="ucsf-medication-history" element="ucsf|medication-history"
                xxbl:mode="lhha binding value">

                <fb:metadata>
                        <fb:display-name lang="en">Medication 1 Histroy
                        </fb:display-name>
                        <fb:icon lang="en">
                                <fb:small-icon>/forms/orbeon/builder/images/dropdown.png
                                </fb:small-icon>
                                <fb:large-icon>/forms/orbeon/builder/images/dropdown.png
                                </fb:large-icon>
                        </fb:icon>
                        <fb:datatype>xforms:string</fb:datatype>
                        <fb:template>
                                <div class="uscf">Medication 3 History</div>

                        </fb:template>
                </fb:metadata>

        </xbl:binding>

</xbl:xbl>

Link css and js to xbl file but its not work control is work fine i gone
trough orbeon doc and tried things
but anable link the css and js file help me to sort out this issue.



--
Sent from: http://discuss.orbeon.com/

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
To post to this group, send email to [hidden email].
Reply | Threaded
Open this post in threaded view
|

Re: Link external css and java script to the custom control in own xbl.

Alessandro  Vernet
Administrator
Hi Ajit,

Sorry for the late response! Inside the `<xbl:binding>`, your control needs
to have an `<xbl:template>`, which seems to be missing in the code you're
quoting. If you haven't already, I'd recommend you go through the  XBL
tutorial <https://doc.orbeon.com/xforms/xbl/tutorial.html>  . You'll let us
know if this helps,

Alex

-----
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
--
Sent from: http://discuss.orbeon.com/

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
To post to this group, send email to [hidden email].
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet