You are viewing a plain text version of this content. The canonical link for it is here.
Posted to user@openmeetings.apache.org by "Coscend@OM" <OM...@Coscend.com> on 2018/09/25 07:34:34 UTC
Whiteboard Tool Layout: ID Selector Effect
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
<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
---
This email has been checked for viruses by AVG.
https://www.avg.com
RE: Whiteboard Tool Layout: ID Selector Effect
Posted by "Coscend@OM" <OM...@Coscend.com>.
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:solomax666@gmail.com]
Sent: Wednesday, September 26, 2018 6:37 AM
To: Openmeetings user-list <us...@openmeetings.apache.org>; OM.Insights@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.Insights@coscend.com <ma...@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:solomax666@gmail.com <ma...@gmail.com> ]
Sent: Tuesday, September 25, 2018 6:54 AM
To: Openmeetings user-list <user@openmeetings.apache.org <ma...@openmeetings.apache.org> >; OM.Insights@coscend.com <ma...@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.Insights@coscend.com <ma...@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
Re: Whiteboard Tool Layout: ID Selector Effect
Posted by Maxim Solodovnik <so...@gmail.com>.
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...@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:solomax666@gmail.com]
> *Sent:* Tuesday, September 25, 2018 6:54 AM
> *To:* Openmeetings user-list <us...@openmeetings.apache.org>;
> OM.Insights@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...@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. www.avg.com
> <http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient>
>
>
>
>
> --
>
> WBR
> Maxim aka solomax
>
--
WBR
Maxim aka solomax
RE: Whiteboard Tool Layout: ID Selector Effect
Posted by "Coscend@OM" <OM...@Coscend.com>.
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:solomax666@gmail.com]
Sent: Tuesday, September 25, 2018 6:54 AM
To: Openmeetings user-list <us...@openmeetings.apache.org>; OM.Insights@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.Insights@coscend.com <ma...@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
---
This email has been checked for viruses by AVG.
https://www.avg.com
Re: Whiteboard Tool Layout: ID Selector Effect
Posted by Maxim Solodovnik <so...@gmail.com>.
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...@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.
> www.avg.com
> <http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient>
> <#m_7655162691726532852_DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>
>
--
WBR
Maxim aka solomax