Hi Brian, It has been awhile since I have done the deep dive with CSS, but I did use it pretty extensively in the Enhanced Display.
I was using svg as a framework and creating the svg based on the type and shape of the input, but if you look at the noun sh defined in http://code.jsoftware.com/mediawiki/images/a/a6/EnhanceDisplay.ijs you will see the way that I defined my CSS. In CSS, descriptions that begin with . refer to classes i.e. .jhradio and # refer to id's i.e. #1 . The descriptors are followed by attributes within {} braces. When it comes to determining the combination of classes and id's that are being addressed, it can get more complex, but CSS is certainly a powerful way to change appearance without affecting content. I found that converting over to jqt was pretty easy as long as I displayed the result in a webview control on a jqt form. Here is a link to the page showing the scripts and the videos of this experiment. http://code.jsoftware.com/wiki/User:Bob_Therriault/Enhanced_J_Display Cheers, bob ps. in spite of my mother's best efforts I never learned bridge, so the subtleties of that part of your program are lost on me. :-) Hope this helps a bit, or at least gives you a place to look for examples. > On Mar 18, 2016, at 12:16 PM, Brian Schott <schott.br...@gmail.com> wrote: > > I recently put a simple application on the jwiki and created a screen cast > of its usage. > > http://code.jsoftware.com/wiki/User:Brian_Schott/code/BridgeScoring > https://youtu.be/H-cE3l4JT3Y > > I am indebted (again) to Henry Rich, who really developed the processing > component of this application, which are adapted to my own specific scoring > needs. > > I justify posting to this forum because I would like help in at least 2 > separate directions. > > First, I would like pointers on how to use CSS with this app to visually > distinguish the button groups on the screen using colors or borders or > something. For me, the supplied library of J form elements is not conducive > to using CSS. For example, notice the following usage of the verb jhradio > which produces a class and id value that does not seem to be recognized by > CSS and the "name" attribute is not seen by CSS. > > (In both examples, the second line wraps on my screen to be 3 lines long) > '1'jhradio_bridge_'one';0;'bidgroup' > <input type="radio" id="1" value="1" class="jhradio" name="bidgroup" > onclick="return jev(event)"/><label for="1">one</label> > > jhtr_jhs_ <('1'jhradio_bridge_'one';0;'bidgroup') > <tr><td><input type="radio" id="1" value="1" class="jhradio" > name="bidgroup" onclick="return jev(event)"/><label > for="1">one</label></td></tr> > > Second, I would like to know if this button and clicking interface can be > easily reproduced in jqt because I suspect that jqt is available on android > devices -- is that true? -- , (which I do not own, btw). If you could give > links to existing jqt scripts that might help, that would be really > appreciated. This application begs to be on a portable device, but I have > not found a way to use it on my only portable, an iPad, except in my wifi > enabled home. > > -- > (B=) > ---------------------------------------------------------------------- > For information about J forums see http://www.jsoftware.com/forums.htm ---------------------------------------------------------------------- For information about J forums see http://www.jsoftware.com/forums.htm
