You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@openmeetings.apache.org by Susheel Jalali <Su...@Coscend.com> on 2016/03/23 20:07:35 UTC
Tool Icons are squeezed despite wide container
Dear OpenMeetings Developers,
In the Toolbar, we would like to add a new Tool ICON, [w i d t h w i s
e w i d e] (non-square). It shows up as illegible squeezed near
SQUARE shape, somewhat like [whi].
We would appreciate any help to identify which CSS element controls this
width, and which file defines the linkage or association of CSS
governing the appearance and width of Tool Icons, used in
"mainToolsPanelItem"?
(Can we modify or clone it with new fixed width, or self-adjusting width?)
DETAILS:
======
We created 160 width Tool icon in PNG format, (using -resize 160x30).
We gave a width of 160 to the tool icon container i.e.
<mainToolsPanelItem>, but the right 130 pixels remain as unused blank.
The ICON still appears in the Toolbar in squeezed form of size about
30x30 square rather than the 160x30 of the actual Icon image we created.
We have looked at:
"~/src/main/webapp/public/theme.xml", theme.css, theme.xsd and room.css.
For example, room.css seemingly gives a limited size to some icon
representations, but it is not clear whether it is the right one. Which
CSS file/element controlsthe ICONs in a Toolbar? .
.room.menu.right .icon {
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: 5px 5px;
float: right;
}
-- --
Sincerely,
Susheel Jalali
Coscend Communications Solutions
www.Coscend.com
----------------------------------------------------------------
CONFIDENTIALITY NOTICE: See 'Confidentiality Notice Regarding E-mail
Messages from Coscend Communications Solutions' posted at:
http://www.Coscend.com/Terms_and_Conditions.html
Re: Tool Icons are squeezed despite wide container
Posted by Maxim Solodovnik <so...@gmail.com>.
AFAIK theme images are retrieved dynamically via some global method
On Thu, Mar 24, 2016 at 10:40 PM, Susheel Jalali <Susheel.Jalali@coscend.com
> wrote:
> Dear Maxim,
>
> Thank you for that clarifying comment.
>
> We have defined a new <mainToolsPanelItem> element as follows with WIDTH
> and HEIGHT larger than the original default which comes for that element
> (26x26), and this is doing its work because this FIELD does appear with
> this new WIDTH:
>
> <mainToolsPanelItem name="WXY" modi="WXY" labelid="2304"
> width="160" height="30" resourceItem="WXY_rsc" >
> <handler name="onclick">
> . . . .
> </handler>
> <labelTooltip labelid="2304" />
> </mainToolsPanelItem>
>
> Next, we have created a thumbnail PNG resource called "tn_WXYZ.png" in
> Windows tools, where we can see that the thumbnail version is a wide image
> of 160x30. We take that to our Centos environment, and specify location of
> that image through "theme.xml":
>
> <resource name="WXY_rsc"
> description="WXY Icon"
> license="Coscend"
> src="themes/basic-theme/whiteboard/tn_WXYZ.png" />
>
> We expect that this 160x30 image will appear properly and completely in
> the field of same WIDTH provided by its container <mainToolsPanelItem>.
> However, the image is getting constrained and shrunk by something to appear
> in the LEFT corner of that field covering only about 26 or 30 pixels or so
> and leaving the remaining WIDTH unutilized.
>
> <------mainToolsPanelItem------>
> [[26px] ____unused-134px____]
>
>
> -- --
> Sincerely,
>
> Susheel Jalali
> Coscend Communications Solutions
> www.Coscend.com
> ----------------------------------------------------------------
> CONFIDENTIALITY NOTICE: See 'Confidentiality Notice Regarding E-mail
> Messages from Coscend Communications Solutions' posted at:
> http://www.Coscend.com/Terms_and_Conditions.html
>
>
>
> On 03/24/16 17:31, Maxim Solodovnik wrote:
>
>> Hello Susheel,
>>
>> you need to change size in *.lzx file
>> *.xml, *.css have no effect in OpenLaszlo room
>>
>> On Thu, Mar 24, 2016 at 1:07 AM, Susheel Jalali <
>> Susheel.Jalali@coscend.com>
>> wrote:
>>
>> Dear OpenMeetings Developers,
>>>
>>> In the Toolbar, we would like to add a new Tool ICON, [w i d t h w i s
>>> e
>>> w i d e] (non-square). It shows up as illegible squeezed near SQUARE
>>> shape, somewhat like [whi].
>>>
>>> We would appreciate any help to identify which CSS element controls this
>>> width, and which file defines the linkage or association of CSS governing
>>> the appearance and width of Tool Icons, used in "mainToolsPanelItem"?
>>> (Can we modify or clone it with new fixed width, or self-adjusting
>>> width?)
>>>
>>> DETAILS:
>>> ======
>>> We created 160 width Tool icon in PNG format, (using -resize 160x30). We
>>> gave a width of 160 to the tool icon container i.e. <mainToolsPanelItem>,
>>> but the right 130 pixels remain as unused blank.
>>>
>>> The ICON still appears in the Toolbar in squeezed form of size about
>>> 30x30
>>> square rather than the 160x30 of the actual Icon image we created.
>>>
>>> We have looked at:
>>> "~/src/main/webapp/public/theme.xml", theme.css, theme.xsd and
>>> room.css.
>>>
>>> For example, room.css seemingly gives a limited size to some icon
>>> representations, but it is not clear whether it is the right one. Which
>>> CSS file/element controlsthe ICONs in a Toolbar? .
>>>
>>> .room.menu.right .icon {
>>> width: 30px;
>>> height: 30px;
>>> background-repeat: no-repeat;
>>> background-position: 5px 5px;
>>> float: right;
>>> }
>>>
>>>
>>>
>>> -- --
>>> Sincerely,
>>>
>>> Susheel Jalali
>>> Coscend Communications Solutions
>>> www.Coscend.com
>>> ----------------------------------------------------------------
>>> CONFIDENTIALITY NOTICE: See 'Confidentiality Notice Regarding E-mail
>>> Messages from Coscend Communications Solutions' posted at:
>>> http://www.Coscend.com/Terms_and_Conditions.html
>>>
>>>
>>
>>
>
--
WBR
Maxim aka solomax
Re: Tool Icons are squeezed despite wide container
Posted by Susheel Jalali <Su...@Coscend.com>.
Dear Maxim,
Thank you for that clarifying comment.
We have defined a new <mainToolsPanelItem> element as follows with
WIDTH and HEIGHT larger than the original default which comes for that
element (26x26), and this is doing its work because this FIELD does
appear with this new WIDTH:
<mainToolsPanelItem name="WXY" modi="WXY" labelid="2304"
width="160" height="30" resourceItem="WXY_rsc" >
<handler name="onclick">
. . . .
</handler>
<labelTooltip labelid="2304" />
</mainToolsPanelItem>
Next, we have created a thumbnail PNG resource called "tn_WXYZ.png" in
Windows tools, where we can see that the thumbnail version is a wide
image of 160x30. We take that to our Centos environment, and specify
location of that image through "theme.xml":
<resource name="WXY_rsc"
description="WXY Icon"
license="Coscend"
src="themes/basic-theme/whiteboard/tn_WXYZ.png" />
We expect that this 160x30 image will appear properly and completely in
the field of same WIDTH provided by its container <mainToolsPanelItem>.
However, the image is getting constrained and shrunk by something to
appear in the LEFT corner of that field covering only about 26 or 30
pixels or so and leaving the remaining WIDTH unutilized.
<------mainToolsPanelItem------>
[[26px] ____unused-134px____]
-- --
Sincerely,
Susheel Jalali
Coscend Communications Solutions
www.Coscend.com
----------------------------------------------------------------
CONFIDENTIALITY NOTICE: See 'Confidentiality Notice Regarding E-mail
Messages from Coscend Communications Solutions' posted at:
http://www.Coscend.com/Terms_and_Conditions.html
On 03/24/16 17:31, Maxim Solodovnik wrote:
> Hello Susheel,
>
> you need to change size in *.lzx file
> *.xml, *.css have no effect in OpenLaszlo room
>
> On Thu, Mar 24, 2016 at 1:07 AM, Susheel Jalali <Su...@coscend.com>
> wrote:
>
>> Dear OpenMeetings Developers,
>>
>> In the Toolbar, we would like to add a new Tool ICON, [w i d t h w i s e
>> w i d e] (non-square). It shows up as illegible squeezed near SQUARE
>> shape, somewhat like [whi].
>>
>> We would appreciate any help to identify which CSS element controls this
>> width, and which file defines the linkage or association of CSS governing
>> the appearance and width of Tool Icons, used in "mainToolsPanelItem"?
>> (Can we modify or clone it with new fixed width, or self-adjusting width?)
>>
>> DETAILS:
>> ======
>> We created 160 width Tool icon in PNG format, (using -resize 160x30). We
>> gave a width of 160 to the tool icon container i.e. <mainToolsPanelItem>,
>> but the right 130 pixels remain as unused blank.
>>
>> The ICON still appears in the Toolbar in squeezed form of size about 30x30
>> square rather than the 160x30 of the actual Icon image we created.
>>
>> We have looked at:
>> "~/src/main/webapp/public/theme.xml", theme.css, theme.xsd and room.css.
>>
>> For example, room.css seemingly gives a limited size to some icon
>> representations, but it is not clear whether it is the right one. Which
>> CSS file/element controlsthe ICONs in a Toolbar? .
>>
>> .room.menu.right .icon {
>> width: 30px;
>> height: 30px;
>> background-repeat: no-repeat;
>> background-position: 5px 5px;
>> float: right;
>> }
>>
>>
>>
>> -- --
>> Sincerely,
>>
>> Susheel Jalali
>> Coscend Communications Solutions
>> www.Coscend.com
>> ----------------------------------------------------------------
>> CONFIDENTIALITY NOTICE: See 'Confidentiality Notice Regarding E-mail
>> Messages from Coscend Communications Solutions' posted at:
>> http://www.Coscend.com/Terms_and_Conditions.html
>>
>
>
Re: Tool Icons are squeezed despite wide container
Posted by Maxim Solodovnik <so...@gmail.com>.
Hello Susheel,
you need to change size in *.lzx file
*.xml, *.css have no effect in OpenLaszlo room
On Thu, Mar 24, 2016 at 1:07 AM, Susheel Jalali <Su...@coscend.com>
wrote:
> Dear OpenMeetings Developers,
>
> In the Toolbar, we would like to add a new Tool ICON, [w i d t h w i s e
> w i d e] (non-square). It shows up as illegible squeezed near SQUARE
> shape, somewhat like [whi].
>
> We would appreciate any help to identify which CSS element controls this
> width, and which file defines the linkage or association of CSS governing
> the appearance and width of Tool Icons, used in "mainToolsPanelItem"?
> (Can we modify or clone it with new fixed width, or self-adjusting width?)
>
> DETAILS:
> ======
> We created 160 width Tool icon in PNG format, (using -resize 160x30). We
> gave a width of 160 to the tool icon container i.e. <mainToolsPanelItem>,
> but the right 130 pixels remain as unused blank.
>
> The ICON still appears in the Toolbar in squeezed form of size about 30x30
> square rather than the 160x30 of the actual Icon image we created.
>
> We have looked at:
> "~/src/main/webapp/public/theme.xml", theme.css, theme.xsd and room.css.
>
> For example, room.css seemingly gives a limited size to some icon
> representations, but it is not clear whether it is the right one. Which
> CSS file/element controlsthe ICONs in a Toolbar? .
>
> .room.menu.right .icon {
> width: 30px;
> height: 30px;
> background-repeat: no-repeat;
> background-position: 5px 5px;
> float: right;
> }
>
>
>
> -- --
> Sincerely,
>
> Susheel Jalali
> Coscend Communications Solutions
> www.Coscend.com
> ----------------------------------------------------------------
> CONFIDENTIALITY NOTICE: See 'Confidentiality Notice Regarding E-mail
> Messages from Coscend Communications Solutions' posted at:
> http://www.Coscend.com/Terms_and_Conditions.html
>
--
WBR
Maxim aka solomax