I am back again!. Can I Keep this thread continuing ?
I am sorted out on using HTML tables using UIB.
Next step is i want to convert my buttons into UIB. i went through the forum and there was a post regarding same, but unfortunately i could not get it to work.
below is my sample flow for buttons in db-1 using template node.
[{"id":"4a1af22886ed9fc5","type":"ui_template","z":"17065fbaa47a80f0","group":"5b5ee9f169c93ecf","name":"Buttons-Live","order":2,"width":"32","height":"2","format":"<style>\n .btn-group .button {background-color: #0078d0;border: none;border-radius: 50px;color: white;padding: 8px 20px;text-align: center;\n display: inline-block;height:60px;font-size: 1.6em;cursor: pointer;float: left;border: 3px solid black;}\n \n.button:hover {background-color: red}\n\n.button:active {\nbackground-color: #3e8e41;\nbox-shadow: 0 5px #666;\ntransform: translateY(4px);\n}\n\n</style>\n\n<div class=\"btn-group\">\n <button type = \"submit\" class=\"button\" ng-click=\"send({payload: 'BUTTON-1'})\" >BUTTON-1</button>\n <button type = \"submit\" class=\"button\" ng-click=\"send({payload: 'BUTTON-2'})\" >BUTTON-2</button>\n</div>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"overflow-hidden","x":310,"y":340,"wires":[["75466a2e781042cf","a6f05af076ccfb99"]]},{"id":"75466a2e781042cf","type":"debug","z":"17065fbaa47a80f0","name":"debug 2703","active":true,"tosidebar":false,"console":false,"tostatus":true,"complete":"payload","targetType":"msg","statusVal":"payload","statusType":"auto","x":530,"y":280,"wires":[]},{"id":"a6f05af076ccfb99","type":"ui_text","z":"17065fbaa47a80f0","group":"5b5ee9f169c93ecf","order":4,"width":0,"height":0,"name":"","label":"You just pressed","format":"{{msg.payload}}","layout":"row-left","className":"","style":false,"font":"","fontSize":16,"color":"#000000","x":550,"y":340,"wires":[]},{"id":"5b5ee9f169c93ecf","type":"ui_group","name":"demo","tab":"195948bb680041dd","order":1,"disp":false,"width":"32","collapse":false,"className":""},{"id":"195948bb680041dd","type":"ui_tab","name":"Demo","icon":"dashboard","disabled":false,"hidden":false}]
I am able to show the buttons in UIB but action is not reported back.
of course angular ng-click doesnt work in UIB i believe. i tried putting v-on click but not knowing any basics, it did not work.