Queries

--
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].

Hi Vinod,

1. I am not sure what you're referring to by "date control and time control from external library". But if you wanted, say, to have date control that uses the jQuery UI Datepicker (https://jqueryui.com/datepicker/), you would do this by creating your own XBL components that encapsulates that control.

2. We do support touch screens, but this doesn't preclude the existence of bugs related to touch screens. If you find any such issue, please let us know. Somewhat related to your question, the upcoming 4.10 will do responsive design, which will make forms much more usable on smaller devices (typically phones).

3. It is, but you would have to create an XBL component for this. I.e. you can't do this entirely from Form Builder.

4. Yes, you can do this from Form Builder. This is what we refer to as "section templates". More on this at: https://github.com/orbeon/orbeon-forms/wiki/Form-Builder-~-Section-Templates

Alex

Following with your response to my queries below are some clarification needed with respective questions

1. Suppose I create a XBL component that encapsulates jQuery UI Datepicker then is it possible to have this jQuery UI Datepicker as another UI control (inside form builder) available for user to drag and drop to design a form?

3. Suppose I created a XBL component for this, can this UI control and its meta data be made available as a drag and drop feature in form builder tool box(like section templates). Do you have a sample XBL component which I can integrate into form builder and see it in tool box.



Thanks,
Vinod S


-----Original Message-----
From: [hidden email] [mailto:[hidden email]] On Behalf Of Alessandro Vernet
Sent: Tuesday, July 21, 2015 5:44 AM
To: [hidden email]
Subject: [orbeon] Re: Queries

Hi Vinod,

1. I am not sure what you're referring to by "date control and time control from external library". But if you wanted, say, to have date control that uses the jQuery UI Datepicker (https://urldefense.proofpoint.com/v2/url?u=https-3A__jqueryui.com_datepicker_&d=AwIBaQ&c=IV_clAzoPDE253xZdHuilRgztyh_RiV3wUrLrDQYWSI&r=S6ZjXQDCefSKNBSveJ2jCOEEuW_KAGvrphcELo2RNCI&m=Tt70NCmrwFDJzMzeNyfYyrFpTGg4lnfxClI4O9WmWb0&s=0Jh2wfGOCmjzygtZ04TKOkhfKsOixSuC9HXs1_lj_-U&e= ), you would do this by creating your own XBL components that encapsulates that control.

2. We do support touch screens, but this doesn't preclude the existence of bugs related to touch screens. If you find any such issue, please let us know. Somewhat related to your question, the upcoming 4.10 will do responsive design, which will make forms much more usable on smaller devices (typically phones).

3. It is, but you would have to create an XBL component for this. I.e. you can't do this entirely from Form Builder.

4. Yes, you can do this from Form Builder. This is what we refer to as "section templates". More on this at:
https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_orbeon_orbeon-2Dforms_wiki_Form-2DBuilder-2D-7E-2DSection-2DTemplates&d=AwIBaQ&c=IV_clAzoPDE253xZdHuilRgztyh_RiV3wUrLrDQYWSI&r=S6ZjXQDCefSKNBSveJ2jCOEEuW_KAGvrphcELo2RNCI&m=Tt70NCmrwFDJzMzeNyfYyrFpTGg4lnfxClI4O9WmWb0&s=dnqFmCP2Ksut7Icm8G0ROL3fxVtz9G6ASmgrDRQg40g&e= 

Alex

-----
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
--
View this message in context: https://urldefense.proofpoint.com/v2/url?u=http-3A__discuss.orbeon.com_Queries-2Dtp4660262p4660263.html&d=AwIBaQ&c=IV_clAzoPDE253xZdHuilRgztyh_RiV3wUrLrDQYWSI&r=S6ZjXQDCefSKNBSveJ2jCOEEuW_KAGvrphcELo2RNCI&m=Tt70NCmrwFDJzMzeNyfYyrFpTGg4lnfxClI4O9WmWb0&s=UtgUsXI2br2S_AKrDisKmy6kB2IzUiK7yTbF56tfSFc&e=
Sent from the Orbeon Forms community mailing list mailing list archive at Nabble.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].

--
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].

Hi Vinod,

1. Yes, your component can be shown by Form Builder, provided that you "decorate" it with the appropriate metadata; more on this at:

http://wiki.orbeon.com/forms/doc/user-guide/form-builder-user-guide/toolbox-component-metadata

2. Here is a very simple example with a component that includes 2 text fields:
https://gist.github.com/avernet/f4ed31e677df98f865a9

I hope this helps,

Alex

Can you give me an example of XBL component to integrate JQuery date picker (or any other external component) with orbeon and show it up on the form builder tool box and should be available as a drag and drop feature to user?


Thanks,
Vinod S

-----Original Message-----
From: [hidden email] [mailto:[hidden email]] On Behalf Of Alessandro Vernet
Sent: Friday, July 24, 2015 10:34 AM
To: [hidden email]
Subject: [orbeon] Re: Queries

Hi Vinod,

1. Yes, your component can be shown by Form Builder, provided that you "decorate" it with the appropriate metadata; more on this at:

https://urldefense.proofpoint.com/v2/url?u=http-3A__wiki.orbeon.com_forms_doc_user-2Dguide_form-2Dbuilder-2Duser-2Dguide_toolbox-2Dcomponent-2Dmetadata&d=AwIBaQ&c=IV_clAzoPDE253xZdHuilRgztyh_RiV3wUrLrDQYWSI&r=S6ZjXQDCefSKNBSveJ2jCOEEuW_KAGvrphcELo2RNCI&m=4PeFIFWiQMAu8rU2n7X8ZRPkwLPqxfLYdD_rdUtF6vw&s=7TfB1cwW1nUJ8clwMESghdQCS4t9Urhks94c95Z7exI&e= 

2. Here is a very simple example with a component that includes 2 text
fields:
https://urldefense.proofpoint.com/v2/url?u=https-3A__gist.github.com_avernet_f4ed31e677df98f865a9&d=AwIBaQ&c=IV_clAzoPDE253xZdHuilRgztyh_RiV3wUrLrDQYWSI&r=S6ZjXQDCefSKNBSveJ2jCOEEuW_KAGvrphcELo2RNCI&m=4PeFIFWiQMAu8rU2n7X8ZRPkwLPqxfLYdD_rdUtF6vw&s=d3gOajgMZkCt9Uqxs8Hd4h4l5P18CaatTtCDuU60cTY&e= 

I hope this helps,

Alex

-----
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
--
View this message in context: https://urldefense.proofpoint.com/v2/url?u=http-3A__discuss.orbeon.com_Queries-2Dtp4660262p4660271.html&d=AwIBaQ&c=IV_clAzoPDE253xZdHuilRgztyh_RiV3wUrLrDQYWSI&r=S6ZjXQDCefSKNBSveJ2jCOEEuW_KAGvrphcELo2RNCI&m=4PeFIFWiQMAu8rU2n7X8ZRPkwLPqxfLYdD_rdUtF6vw&s=zou1xQjeeR5R59GVB944RWSCi10wYvTQkJZL4n_DmKE&e=
Sent from the Orbeon Forms community mailing list mailing list archive at Nabble.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].

--
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].

Hey I am trying to integrate external date picker(JQuery) component into orbeon form builder tool box. For that I am writing the XBL component which shoud refer to files
/requirejs/require.js
/jquery/jquery.js
And also want to execute the below java script code from XBL
<script type="text/javascript">
                        require(['jquery', 'datepicker'], function ($) {        
                        $('.datepicker').datepicker();
                        });
</script>

So that I can attach the above date picker behavior to xf:input
<xf:input appearance="minimal" ref="xxf:binding('my-date-selector')" class="form-control input-sm datepicker">
                                <xf:label appearance="minimal">Date</xf:label>
                                <xf:hint>Hint</xf:hint>
</xf:input>

Can you help me in writing the XBL component which refers the above js files and would execute the above js code ?


Thanks,
Vinod S

-----Original Message-----
From: Sherikar, Vinod (GE Healthcare)
Sent: Friday, July 24, 2015 10:49 AM
To: [hidden email]
Subject: RE: [orbeon] Re: Queries

Can you give me an example of XBL component to integrate JQuery date picker (or any other external component) with orbeon and show it up on the form builder tool box and should be available as a drag and drop feature to user?


Thanks,
Vinod S

-----Original Message-----
From: [hidden email] [mailto:[hidden email]] On Behalf Of Alessandro Vernet
Sent: Friday, July 24, 2015 10:34 AM
To: [hidden email]
Subject: [orbeon] Re: Queries

Hi Vinod,

1. Yes, your component can be shown by Form Builder, provided that you "decorate" it with the appropriate metadata; more on this at:

https://urldefense.proofpoint.com/v2/url?u=http-3A__wiki.orbeon.com_forms_doc_user-2Dguide_form-2Dbuilder-2Duser-2Dguide_toolbox-2Dcomponent-2Dmetadata&d=AwIBaQ&c=IV_clAzoPDE253xZdHuilRgztyh_RiV3wUrLrDQYWSI&r=S6ZjXQDCefSKNBSveJ2jCOEEuW_KAGvrphcELo2RNCI&m=4PeFIFWiQMAu8rU2n7X8ZRPkwLPqxfLYdD_rdUtF6vw&s=7TfB1cwW1nUJ8clwMESghdQCS4t9Urhks94c95Z7exI&e= 

2. Here is a very simple example with a component that includes 2 text
fields:
https://urldefense.proofpoint.com/v2/url?u=https-3A__gist.github.com_avernet_f4ed31e677df98f865a9&d=AwIBaQ&c=IV_clAzoPDE253xZdHuilRgztyh_RiV3wUrLrDQYWSI&r=S6ZjXQDCefSKNBSveJ2jCOEEuW_KAGvrphcELo2RNCI&m=4PeFIFWiQMAu8rU2n7X8ZRPkwLPqxfLYdD_rdUtF6vw&s=d3gOajgMZkCt9Uqxs8Hd4h4l5P18CaatTtCDuU60cTY&e= 

I hope this helps,

Alex

-----
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
--
View this message in context: https://urldefense.proofpoint.com/v2/url?u=http-3A__discuss.orbeon.com_Queries-2Dtp4660262p4660271.html&d=AwIBaQ&c=IV_clAzoPDE253xZdHuilRgztyh_RiV3wUrLrDQYWSI&r=S6ZjXQDCefSKNBSveJ2jCOEEuW_KAGvrphcELo2RNCI&m=4PeFIFWiQMAu8rU2n7X8ZRPkwLPqxfLYdD_rdUtF6vw&s=zou1xQjeeR5R59GVB944RWSCi10wYvTQkJZL4n_DmKE&e=
Sent from the Orbeon Forms community mailing list mailing list archive at Nabble.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].

--
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].

Vinod,

I realize that this may not be up so he trivial, but the best ways might be to look at working components, for example:

    https://github.com/orbeon/orbeon-forms/tree/master/src/resources-packaged/xbl/orbeon/code-mirror
    https://github.com/orbeon/orbeon-forms/tree/master/src/resources-packaged/xbl/orbeon/map
    https://github.com/orbeon/orbeon-forms/tree/master/src/resources-packaged/xbl/orbeon/tinymce

-Erik

Hi,

  I have gone through the sample xbl components which you have mentioned but I am not clear and have some questions on it:

I understand we have to create a class for an xbl component so that we can map between xform events from xbl component to functions in class as described here
http://wiki.orbeon.com/forms/doc/developer-guide/xbl-components-guide#TOC-JavaScript
But, I am not clear on how to initiate functions from jquery.js and attach it to xforms controls. I don't find much documentation online on how to refer external javascript libraries like jquery.js or requirejs. Can you please help me with any useful documentation in this direction.

I followed the same and implemented date-selector.xbl component and date-selector.js which is acting as a class. Here I am trying to invoke jquery date picker as a xbl component in orbeon. But this is not working and neither I am getting errors in log file. I don't know where I am going wrong.
date-selector.xbl
date-selector.js



Thanks,
Vinod S

Hi Erik,

   This is with reference to my last mail on this chain.

I am using orbeon 4.6.2 PE version. I am creating XBL components to integrate controls provided by external java script library like jquery.

How to refer the jquery js file?

As I understand, for each XBL component we need to create a class file which captures the xml events from xbl component and calls the js functions from external js library like jquery.
How to refer to jquery js file inside the class file of xbl component.

I am getting a client side exception on form builder saying

Exception in client-side code.
Message: $ is not a function

It seems like jquery js file is not referenced properly. Do you have any documentation on how to refer the external java script libraries like jquery, requirejs etc into xbl components.
I have already followed with
http://wiki.orbeon.com/forms/doc/developer-guide/xforms-javascript-integration
http://wiki.orbeon.com/forms/doc/developer-guide/xforms-actions/actions-script-action

Thanks,
Vinod S

Vinod,

> How to refer the jquery js file?

Orbeon already includes jQuery, so you can just use `$` prior to Orbeon Forms 4.9. Starting with 4.9, jQuery is namespaced, see:

    http://blog.orbeon.com/2015/05/namespacing-jquery.html

To include your own jQuery, you have to be careful prior to 4.9, because it can conflict with Orbeon's. But with 4.6.2, you should just be able to refer to `$`!

If a component requires other JS files, they can referred to from XBL using <xbl:script>.

-Erik

I notice in your sample XBL files that you put your scripts inline as HTML script elements. Instead, you must place your scripts as <xbl:script> at the beginning of the component. I am not sure if that explains the issue you have referring to jQuery with `$`.

-Erik