Dear Maxim,
Thank you for helping us learn about the concept of “adding a CSS id and class selector as a template in Java programs”. This conceptual learning not only helps us refine our OM instance as below, but also complements our use of chain id and class selectors and combinators in 7 other Web-based communications and collaboration products. Your pointer [1] solves our toolbar positioning requirement. [1] https://github.com/apache/openmeetings/blob/master/openmeetings-web/src/main/webapp/css/raw-wb.css#L46 Sincerely, Hemant K. Sabat <http://www.coscend.com/> www.Coscend.com ------------------------------------------------------------------ Real-time, Interactive Video Collaboration, Tele-healthcare, Tele-education, Telepresence Services, on the fly… ------------------------------------------------------------------ CONFIDENTIALITY NOTICE: See 'Confidentiality Notice Regarding E-mail Messages from Coscend Communications Solutions' posted at: <http://www.coscend.com/Anchor/Common/Terms_and_Conditions.html> http://www.Coscend.com/Anchor/Common/Terms_and_Conditions.html From: Maxim Solodovnik [mailto:solomax...@gmail.com] Sent: Wednesday, September 26, 2018 6:37 AM To: Openmeetings user-list <user@openmeetings.apache.org>; om.insig...@coscend.com Subject: Re: Whiteboard Tool Layout: ID Selector Effect As you can see in [1] there is no selector `#wb-tools` This is because #wb-tool is `template`, not real element Please use [1] (or browser DevTools) as reference while adding custom styles [1] https://github.com/apache/openmeetings/blob/master/openmeetings-web/src/main/webapp/css/raw-wb.css#L46 On Wed, 26 Sep 2018 at 14:58, Coscend@OM <om.insig...@coscend.com <mailto:om.insig...@coscend.com> > wrote: Dear Maxim, To change the position (x,y) of Toolbar, in custom.css, we added the following for id #wb-tools (https://github.com/apache/openmeetings/blob/master/openmeetings-web/src/main/java/org/apache/openmeetings/web/room/wb/WbPanel.html#L117) It did not work. Strangely, even on Demo server, this id (#wb-tools) does not show in devtools / Inspect Element in Chrome/Firefox. Perhaps that is why changing it does not have any effect on the UI. ATTACHED is the screenshot. .room.wb.area .tools.vertical#wb-tools { margin-top…; margin-right…; } Please help us learn the cause and any possible solution. Thank you. Sincerely, Hemant K. Sabat www.Coscend.com <http://www.coscend.com/> ------------------------------------------------------------------ Real-time, Interactive Video Collaboration, Tele-healthcare, Tele-education, Telepresence Services, on the fly… ------------------------------------------------------------------ CONFIDENTIALITY NOTICE: See 'Confidentiality Notice Regarding E-mail Messages from Coscend Communications Solutions' posted at: <http://www.coscend.com/Anchor/Common/Terms_and_Conditions.html> http://www.Coscend.com/Anchor/Common/Terms_and_Conditions.html From: Maxim Solodovnik [mailto:solomax...@gmail.com <mailto:solomax...@gmail.com> ] Sent: Tuesday, September 25, 2018 6:54 AM To: Openmeetings user-list <user@openmeetings.apache.org <mailto:user@openmeetings.apache.org> >; om.insig...@coscend.com <mailto:om.insig...@coscend.com> Subject: Re: Whiteboard Tool Layout: ID Selector Effect Not sure what do you mean by "selector=wb-tools" Here is the current CSS: https://github.com/apache/openmeetings/blob/master/openmeetings-web/src/main/webapp/css/raw-wb.css#L46 To reduce merging put your changes into custom.css .... On Tue, 25 Sep 2018 at 14:34, Coscend@OM <om.insig...@coscend.com <mailto:om.insig...@coscend.com> > wrote: Dear Maxim, May we seek your insight into the following technical issue? To do enhanced layout and styling of whiteboard’s toolbar, we were assigning certain CSS property-values to id selector=wb-tools. For some reason, the effect is not showing in the result. Then, we checked the demo server-->Chrome’s devtools. Strangely, this id selector=wb-tools does not show up in the inspection tool. All class selectors show and have effect in the result when changed. ATTACHED is a screenshot from the demo server. Same result in Firefox as well. We would appreciate it if you could help us learn the technical reason behind this. Or, is this a bug in browser engine? Or, do we need to refine any part of OM code to be able to see the effect of changing id=wb-tools Thank you. Sincerely, Hemant K. Sabat www.Coscend.com <http://www.coscend.com/> ------------------------------------------------------------------ Real-time, Interactive Video Collaboration, Tele-healthcare, Tele-education, Telepresence Services, on the fly… ------------------------------------------------------------------ CONFIDENTIALITY NOTICE: See 'Confidentiality Notice Regarding E-mail Messages from Coscend Communications Solutions' posted at: <http://www.coscend.com/Anchor/Common/Terms_and_Conditions.html> http://www.Coscend.com/Anchor/Common/Terms_and_Conditions.html <http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient> Virus-free. <http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient> www.avg.com -- WBR Maxim aka solomax -- WBR Maxim aka solomax --- This email has been checked for viruses by AVG. https://www.avg.com