Orbeon Forms community mailing list

Radio Button enhancements

Classic

List

Threaded

3 messages Options

Aaron Spike

Radio Button enhancements

Once again, if I can get sufficient direction, I would like to attempt to enhance the radio button inputs. I've found the following issues that echo needs that I've found in my evaluation:

Clear radio buttons https://github.com/orbeon/orbeon-forms/issues/595
Inline radio buttons https://github.com/orbeon/orbeon-forms/issues/1889
Horizontal layout https://github.com/orbeon/orbeon-forms/issues/333

Aaron Spike

This electronic communication, including any attached documents, may contain confidential and/or legally privileged information that is intended only for use by the recipient(s) named above. If you have received this communication in error, please notify the sender immediately and delete the communication and any attachments. Views expressed by the author do not necessarily represent those of Martin Luther College.

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

Alessandro Vernet

Re: Radio Button enhancements

Administrator

Hi Aaron,

#333 and #1889 are for the same use case, and should be taken care at the same time, so I merged those issues. However, implementing this is a bit more involved as it also requires changes to the Java/Scala code that produces the HTML markup sent to browser. But of course, if you feel like doing this, let us, and we'll do our best to help.

#595 would be a change to the UI, so it most likely is more palatable. The itemset editor is implemented (mostly) in dialog-itemsets.xbl (link below), so if you'd like to implement this, this would be a good place to start.

https://github.com/orbeon/orbeon-forms/blob/master/src/resources-packaged/xbl/fb/dialog-itemsets/dialog-itemsets.xbl

Alex

--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet

Aaron Spike

Re: Radio Button enhancements

Thanks, I guess I'll wander off and learn some XBL. :-)

For the moment I've achieved a somewhat suitable horizontal appearance with a custom css class and a few additional css rules:

.orbeon .radio-horizontal label.radio {

display: inline-block;

margin-right: 30px;

}

.orbeon .radio-horizontal label.xforms-label {

display: inline-block;

}

.orbeon .radio-horizontal span.xforms-items {

display: inline-block;

float: right;

}

This should get me through my demoing phase, but I would love to have a more obvious solution for our less technical users. So I will definitely be looking at this more deeply in the future and any hints or suggestions for making an implementation that you will be willing to merge would be greatly appreciated.

Aaron Spike

On Monday, October 13, 2014 1:07:47 PM UTC-5, Alessandro Vernet wrote:

Hi Aaron,

#333 and #1889 are for the same use case, and should be taken care at the
same time, so I merged those issues. However, implementing this is a bit
more involved as it also requires changes to the Java/Scala code that
produces the HTML markup sent to browser. But of course, if you feel like
doing this, let us, and we'll do our best to help.

#595 would be a change to the UI, so it most likely is more palatable. The
itemset editor is implemented (mostly) in dialog-itemsets.xbl (link below),
so if you'd like to implement this, this would be a good place to start.

<a href="https://github.com/orbeon/orbeon-forms/blob/master/src/resources-packaged/xbl/fb/dialog-itemsets/dialog-itemsets.xbl" target="_blank" onmousedown="this.href='https://www.google.com/url?q\75https%3A%2F%2Fgithub.com%2Forbeon%2Forbeon-forms%2Fblob%2Fmaster%2Fsrc%2Fresources-packaged%2Fxbl%2Ffb%2Fdialog-itemsets%2Fdialog-itemsets.xbl\46sa\75D\46sntz\0751\46usg\75AFQjCNE_vfStIl4TagsJiKGvzkwlUHNKHg';return true;" onclick="this.href='https://www.google.com/url?q\75https%3A%2F%2Fgithub.com%2Forbeon%2Forbeon-forms%2Fblob%2Fmaster%2Fsrc%2Fresources-packaged%2Fxbl%2Ffb%2Fdialog-itemsets%2Fdialog-itemsets.xbl\46sa\75D\46sntz\0751\46usg\75AFQjCNE_vfStIl4TagsJiKGvzkwlUHNKHg';return true;">https://github.com/orbeon/orbeon-forms/blob/master/src/resources-packaged/xbl/fb/dialog-itemsets/dialog-itemsets.xbl

Alex

-----
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
--
View this message in context: <a href="http://discuss.orbeon.com/Radio-Button-enhancements-tp4659103p4659112.html" target="_blank" onmousedown="this.href='http://www.google.com/url?q\75http%3A%2F%2Fdiscuss.orbeon.com%2FRadio-Button-enhancements-tp4659103p4659112.html\46sa\75D\46sntz\0751\46usg\75AFQjCNGZ29WPvUZS4JiuVSJJTtfcXaOvwQ';return true;" onclick="this.href='http://www.google.com/url?q\75http%3A%2F%2Fdiscuss.orbeon.com%2FRadio-Button-enhancements-tp4659103p4659112.html\46sa\75D\46sntz\0751\46usg\75AFQjCNGZ29WPvUZS4JiuVSJJTtfcXaOvwQ';return true;">http://discuss.orbeon.com/Radio-Button-enhancements-tp4659103p4659112.html
Sent from the Orbeon Forms community mailing list mailing list archive at Nabble.com.