{"id":1081,"date":"2012-02-09T20:24:00","date_gmt":"2012-02-10T01:24:00","guid":{"rendered":"http:\/\/anvil-of-time.com\/wordpress\/?p=1081"},"modified":"2021-03-11T10:59:56","modified_gmt":"2021-03-11T15:59:56","slug":"powerbuilder-more-datawindow-mouseover-effects","status":"publish","type":"post","link":"https:\/\/anvil-of-time.com\/powerbuilder\/powerbuilder-more-datawindow-mouseover-effects\/","title":{"rendered":"PowerBuilder – More Datawindow Mouseover Effects"},"content":{"rendered":"

So I download the latest Chrome browser beta the other day (v17) and I notice a neat effect on the tabs prior to applying my custom settings. A gradient centered on my mouse pointer passed across the tab as I moved it. It was very subtile but noticiable if you were paying attention. Naturally I wanted to reproduce the effect in Powerbuilder (I used v12.5 but you could do the same thing in 10 or 11).<\/p>\n

The settings on the datawindow column are as follows:
\n\"\"<\/a><\/p>\n

The Scale is set to 20 and the Spread to 25. The expression for the Mode is<\/p>\n

if (highlight =   describe("menu_option1.name"),4,0)<\/pre>\n
Where the name of the column is ‘menu_option1’.<\/p>\n
The expression for the Focus is<\/p>\n
 percent<\/pre>\n
Both these expressions refer to hidden columns on the datawindow (“highlight” and “percent”) which have their values set in code on the datawindow object itself. To do this you need to define a userevent with the Event ID ‘pbm_dwnmousemove’; I call mine ‘mousemove’. In the event is the following code:<\/p>\n
int li_pct\nCHOOSE CASE Pos(dwo.Name,'menu_option')\n  CASE IS > 0\n    \/\/ expression on visible property looks at this value\n    this.setitem(row,'highlight',dwo.Name) \n    \/\/controls the focus of the gradient background\n    li_pct = ROUND((pixelstounits( xpos, XPixelsToUnits!) - & \n    integer(describe(dwo.Name + '.x'))) \/ &\n    integer(describe(dwo.Name + '.Width')) * 100 , 0)\n    this.setitem(row,'percent', li_pct)\n  CASE ELSE\nEND CHOOSE<\/pre>\n
Here are some screenshots showing the effect.
\n\"\"<\/a><\/p>\n
\"\"<\/a><\/p>\n
\"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
So I download the latest Chrome browser beta the other day (v17) and I notice a neat effect on the tabs prior to applying my custom settings. A gradient centered on my mouse pointer passed across the tab as I moved it. It was very subtile but noticiable if you were paying attention. Naturally I…<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3,10],"tags":[21,12,16],"_links":{"self":[{"href":"https:\/\/anvil-of-time.com\/wp-json\/wp\/v2\/posts\/1081"}],"collection":[{"href":"https:\/\/anvil-of-time.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/anvil-of-time.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/anvil-of-time.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/anvil-of-time.com\/wp-json\/wp\/v2\/comments?post=1081"}],"version-history":[{"count":10,"href":"https:\/\/anvil-of-time.com\/wp-json\/wp\/v2\/posts\/1081\/revisions"}],"predecessor-version":[{"id":2012,"href":"https:\/\/anvil-of-time.com\/wp-json\/wp\/v2\/posts\/1081\/revisions\/2012"}],"wp:attachment":[{"href":"https:\/\/anvil-of-time.com\/wp-json\/wp\/v2\/media?parent=1081"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/anvil-of-time.com\/wp-json\/wp\/v2\/categories?post=1081"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/anvil-of-time.com\/wp-json\/wp\/v2\/tags?post=1081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}