{"action":"created","issue":{"url":"https://api.github.com/repos/Flyer53/jsPanel4/issues/22","repository_url":"https://api.github.com/repos/Flyer53/jsPanel4","labels_url":"https://api.github.com/repos/Flyer53/jsPanel4/issues/22/labels{/name}","comments_url":"https://api.github.com/repos/Flyer53/jsPanel4/issues/22/comments","events_url":"https://api.github.com/repos/Flyer53/jsPanel4/issues/22/events","html_url":"https://github.com/Flyer53/jsPanel4/issues/22","id":299658100,"node_id":"MDU6SXNzdWUyOTk2NTgxMDA=","number":22,"title":"Understanding how to work with a jsPanel tooltip","user":{"login":"AviHafner","id":9378759,"node_id":"MDQ6VXNlcjkzNzg3NTk=","avatar_url":"https://avatars1.githubusercontent.com/u/9378759?v=4","gravatar_id":"","url":"https://api.github.com/users/AviHafner","html_url":"https://github.com/AviHafner","followers_url":"https://api.github.com/users/AviHafner/followers","following_url":"https://api.github.com/users/AviHafner/following{/other_user}","gists_url":"https://api.github.com/users/AviHafner/gists{/gist_id}","starred_url":"https://api.github.com/users/AviHafner/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AviHafner/subscriptions","organizations_url":"https://api.github.com/users/AviHafner/orgs","repos_url":"https://api.github.com/users/AviHafner/repos","events_url":"https://api.github.com/users/AviHafner/events{/privacy}","received_events_url":"https://api.github.com/users/AviHafner/received_events","type":"User","site_admin":false},"labels":[{"id":772132736,"node_id":"MDU6TGFiZWw3NzIxMzI3MzY=","url":"https://api.github.com/repos/Flyer53/jsPanel4/labels/question","name":"question","color":"cc317c","default":true}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":32,"created_at":"2018-02-23T10:03:58Z","updated_at":"2018-10-26T15:51:36Z","closed_at":null,"author_association":"NONE","body":"Hello Stefan\r\nIn jsPanel beta version 3 you are holding 2 versions\r\nVersion one that working with JavaScript ECMAScript 6.\r\nA second version that works with es5 to give a solution to the programmers with clients working with IE11.\r\nI Very appreciative that, and I understand that several programmers have asked for this support.\r\n\r\nSeveral issues:\r\n1) I need to put tooltip to all the elements with the type of button,\r\nand in my attempts, the tooltip only happens to the first element of button.\r\n2) What I need to do to draw a tip always inside the screen rather than outside it ?\r\n3) Each bottom have his one ajax and different tip.\r\nPlease see example in http://www.admin.technion.ac.il/avi\r\n\r\nAnother small issue:\r\nI really like how you built the new jspanel website\r\nThere is a problem on one page in your website in ie11\r\nThe page is -> http://jspanel.de/index.html\r\n\r\nBest regards,\r\nAvi hafner\r\n"},"comment":{"url":"https://api.github.com/repos/Flyer53/jsPanel4/issues/comments/433454860","html_url":"https://github.com/Flyer53/jsPanel4/issues/22#issuecomment-433454860","issue_url":"https://api.github.com/repos/Flyer53/jsPanel4/issues/22","id":433454860,"node_id":"MDEyOklzc3VlQ29tbWVudDQzMzQ1NDg2MA==","user":{"login":"Flyer53","id":6769021,"node_id":"MDQ6VXNlcjY3NjkwMjE=","avatar_url":"https://avatars3.githubusercontent.com/u/6769021?v=4","gravatar_id":"","url":"https://api.github.com/users/Flyer53","html_url":"https://github.com/Flyer53","followers_url":"https://api.github.com/users/Flyer53/followers","following_url":"https://api.github.com/users/Flyer53/following{/other_user}","gists_url":"https://api.github.com/users/Flyer53/gists{/gist_id}","starred_url":"https://api.github.com/users/Flyer53/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Flyer53/subscriptions","organizations_url":"https://api.github.com/users/Flyer53/orgs","repos_url":"https://api.github.com/users/Flyer53/repos","events_url":"https://api.github.com/users/Flyer53/events{/privacy}","received_events_url":"https://api.github.com/users/Flyer53/received_events","type":"User","site_admin":false},"created_at":"2018-10-26T15:51:36Z","updated_at":"2018-10-26T15:51:36Z","author_association":"OWNER","body":"Hi Avi,\r\nNo problem ... and thanks for the praise :)\r\n\r\nSome thoughts on tooltips:\r\nAs far as I see it a tooltip is something very closely related to some other element triggering the tooltip on moueover e.g. So when I have an element that is supposed to show a tooltip on mouseover then I try to decide on a good position for the tooltip beforehand. However, it can happen that a tooltip is not visible ... for example because its position is above the element which itself is already at the top of the window. In this situation you can use `overlaps()` in the tooltip callback (as shown in [example 4](https://alpha.jspanel.de/api.html#extensions/tooltip/example-4)) to check where the tooltip overlaps a certain boundary in order to reposition the tooltip to a position where it is visible. **Currently jsPanel does not include another way to automatically reposition a tooltips.** Please consider that tooltips are just an extension but not the primary purpose of  jsPanel. I'll continue to work on improvements of course, but I don't think the tooltip features of jsPanel will ever be as numerous as the features of a dedicated tooltip script.\r\nBottom line: Using [overlaps()](https://alpha.jspanel.de/api.html#methods/overlaps) you can implement your own automatic repositioning of tooltips.\r\n\r\nBest Regards,\r\nStefan"}}
{"actor":{"display_login":"Flyer53"}}