Glad it was partially useful Brian :-) The reason that the radio button CSS is not working is that CSS does not create attributes, it only allows you to style the ones that exist. I don't think radio buttons have color, bg-color or fill attributes. [0]
I did find this article that shows you how to go about bending the system to your will and creating a link that can effectively be a more stylish radio button. [1] And there is also an example in Codepen (an invaluable resource for seeing others' tricks in CSS, HTML and JavaScript interactively). [2] Cheers, bob [0] https://www.w3.org/TR/html-markup/input.radio.html [1] http://www.hongkiat.com/blog/css3-checkbox-radio/ [2] http://codepen.io/mitchmc/pen/pebIx > On Mar 18, 2016, at 4:40 PM, Brian Schott <schott.br...@gmail.com> wrote: > > Bob, > > Thanks. Your vts.ijs gives me encouragement and your "{fill:gold}" looks > great, > and when I use jhh1 to produce a header and then the following CSS, that > works great. > > h1 {background:gold;} > > And your comment: "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." is > encouraging also. I will look into webview controls there. I hope they > accept <input forms. > > But back to the style. > Consider the example from my post for jhradio . Neither background, nor > fill nor NOTHING does anything. > What am I missing? > > Notice in my CSS below, I have added a fill: and other keywords for the > class jhradio, but I see no change in my app. Is there a keyword I am > missing? > > CSS=: 0 : 0 > body{margin:10px;} > #output1{background:yellow;font-family:"Monaco","Courier > New";font-size:12px;} > #output2{background:aqua;font-family:"Monaco","Courier New";font-size:12px;} > .jhradio {background:gold;} > .jhradio {fill:gold;} > .jhradio {color:gold;} > .jhradio {bgcolor:gold;} > .jhradio {font-family:"Monaco";} > h1 {background:gold;} > ) > > > > On Fri, Mar 18, 2016 at 4:56 PM, robert therriault <bobtherria...@mac.com> > wrote: > >> 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: >>> >> > [snip] > > > >>> >>> (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> >>> >> > ---------------------------------------------------------------------- > For information about J forums see http://www.jsoftware.com/forums.htm ---------------------------------------------------------------------- For information about J forums see http://www.jsoftware.com/forums.htm
