hscroll bar for adg hides the content

classic Classic list List threaded Threaded
31 messages Options
12
Reply | Threaded
Open this post in threaded view
|

hscroll bar for adg hides the content

serkan
Hi,

for the "Manage" column the scroll bar hides the content.



should have been something like that :



if it is not a simple case i may create an issue.

Thanks,
Serkan
Reply | Threaded
Open this post in threaded view
|

Re: hscroll bar for adg hides the content

Alex Harui-2

What is the renderer for the Manage column?  If you don’t need scrollbars you should be able to turn them off either via ScrollPolicy or via custom CSS.

 

From: serkan <[hidden email]>
Reply-To: "[hidden email]" <[hidden email]>
Date: Monday, June 8, 2020 at 8:13 AM
To: "[hidden email]" <[hidden email]>
Subject: hscroll bar for adg hides the content

 

Hi,

for the "Manage" column the scroll bar hides the content.



should have been something like that :



if it is not a simple case i may create an issue.

Thanks,
Serkan

Reply | Threaded
Open this post in threaded view
|

Re: hscroll bar for adg hides the content

serkan
It was solved with "width="150" maxWidth="250" in flex.

"Manage"  is nested component in adg:

                <mx:AdvancedDataGridColumn headerText="{resourceManager.getString('messages', 'manageGrid')}" width="150" id="mngColumn">
                    <mx:itemRenderer>
                        <fx:Component>
                            <jobdetail:PinaraJobListGridManageColumn selectedGroupId="1" /> <!--RO: {outerDocument.selectedGroupId} -->
                        </fx:Component>
                    </mx:itemRenderer>
                </mx:AdvancedDataGridColumn>



PinaraJobListGridManageColumn  is MXAdvancedDataGridItemRenderer

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.apache.org/royale/spark"
                    clipAndEnableScrolling="true"
                    xmlns:mx="library://ns.apache.org/royale/mx" xmlns:jobmanager="com.likya.pinara.services.jobmanager.*"
                    xmlns:jobdetail="com.likya.pinara.comps.jobdetail.*">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
   
    <fx:Script>
        <![CDATA[
           
            [Bindable]
            public var selectedGroupId:String;
           
        ]]>
    </fx:Script>
   
    <jobdetail:ManageButtonGroup id="manageButtonGroup" data="{data}" selectedGroupId="{selectedGroupId}" />
   
</s:MXAdvancedDataGridItemRenderer>


I do not want to play with css for now. How can I do it with ScrollPolicy or may be it is better to change height while scroll bar is displayed ?

Thanks
Serkan

8.06.2020 19:05 tarihinde Alex Harui yazdı:

What is the renderer for the Manage column?  If you don’t need scrollbars you should be able to turn them off either via ScrollPolicy or via custom CSS.

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 8:13 AM
To: [hidden email] [hidden email]
Subject: hscroll bar for adg hides the content

 

Hi,

for the "Manage" column the scroll bar hides the content.



should have been something like that :



if it is not a simple case i may create an issue.

Thanks,
Serkan


Reply | Threaded
Open this post in threaded view
|

Re: hscroll bar for adg hides the content

Alex Harui-2

It depends on who is showing scrollbars.  Looks like there are several layers.   I would check the HTML DOM and see what elements are too big and why.

 

HTH,

-Alex

 

From: serkan <[hidden email]>
Date: Monday, June 8, 2020 at 1:19 PM
To: "[hidden email]" <[hidden email]>, Alex Harui <[hidden email]>
Subject: Re: hscroll bar for adg hides the content

 

It was solved with "width="150" maxWidth="250" in flex.

"Manage"  is nested component in adg:

                <mx:AdvancedDataGridColumn headerText="{resourceManager.getString('messages', 'manageGrid')}" width="150" id="mngColumn">
                    <mx:itemRenderer>
                        <fx:Component>
                            <jobdetail:PinaraJobListGridManageColumn selectedGroupId="1" /> <!--RO: {outerDocument.selectedGroupId} -->
                        </fx:Component>
                    </mx:itemRenderer>
                </mx:AdvancedDataGridColumn>



PinaraJobListGridManageColumn  is MXAdvancedDataGridItemRenderer

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.apache.org/royale/spark"
                    clipAndEnableScrolling="true"
                    xmlns:mx="library://ns.apache.org/royale/mx" xmlns:jobmanager="com.likya.pinara.services.jobmanager.*"
                    xmlns:jobdetail="com.likya.pinara.comps.jobdetail.*">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
   
    <fx:Script>
        <![CDATA[
           
            [Bindable]
            public var selectedGroupId:String;
           
        ]]>
    </fx:Script>
   
    <jobdetail:ManageButtonGroup id="manageButtonGroup" data="{data}" selectedGroupId="{selectedGroupId}" />
   
</s:MXAdvancedDataGridItemRenderer>


I do not want to play with css for now. How can I do it with ScrollPolicy or may be it is better to change height while scroll bar is displayed ?

Thanks
Serkan

8.06.2020 19:05 tarihinde Alex Harui yazdı:

What is the renderer for the Manage column?  If you don’t need scrollbars you should be able to turn them off either via ScrollPolicy or via custom CSS.

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 8:13 AM
To: [hidden email] [hidden email]
Subject: hscroll bar for adg hides the content

 

Hi,

for the "Manage" column the scroll bar hides the content.



should have been something like that :



if it is not a simple case i may create an issue.

Thanks,
Serkan




Reply | Threaded
Open this post in threaded view
|

Re: hscroll bar for adg hides the content

serkan
The column shows images according to the state of the job and it is not fixed.

It may show 1 or more images up to 5 or something horizontally lined.

8.06.2020 23:27 tarihinde Alex Harui yazdı:

It depends on who is showing scrollbars.  Looks like there are several layers.   I would check the HTML DOM and see what elements are too big and why.

 

HTH,

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:19 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It was solved with "width="150" maxWidth="250" in flex.

"Manage"  is nested component in adg:

                <mx:AdvancedDataGridColumn headerText="{resourceManager.getString('messages', 'manageGrid')}" width="150" id="mngColumn">
                    <mx:itemRenderer>
                        <fx:Component>
                            <jobdetail:PinaraJobListGridManageColumn selectedGroupId="1" /> <!--RO: {outerDocument.selectedGroupId} -->
                        </fx:Component>
                    </mx:itemRenderer>
                </mx:AdvancedDataGridColumn>



PinaraJobListGridManageColumn  is MXAdvancedDataGridItemRenderer

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.apache.org/royale/spark"
                    clipAndEnableScrolling="true"
                    xmlns:mx="library://ns.apache.org/royale/mx" xmlns:jobmanager="com.likya.pinara.services.jobmanager.*"
                    xmlns:jobdetail="com.likya.pinara.comps.jobdetail.*">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
   
    <fx:Script>
        <![CDATA[
           
            [Bindable]
            public var selectedGroupId:String;
           
        ]]>
    </fx:Script>
   
    <jobdetail:ManageButtonGroup id="manageButtonGroup" data="{data}" selectedGroupId="{selectedGroupId}" />
   
</s:MXAdvancedDataGridItemRenderer>


I do not want to play with css for now. How can I do it with ScrollPolicy or may be it is better to change height while scroll bar is displayed ?

Thanks
Serkan

8.06.2020 19:05 tarihinde Alex Harui yazdı:

What is the renderer for the Manage column?  If you don’t need scrollbars you should be able to turn them off either via ScrollPolicy or via custom CSS.

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 8:13 AM
To: [hidden email] [hidden email]
Subject: hscroll bar for adg hides the content

 

Hi,

for the "Manage" column the scroll bar hides the content.



should have been something like that :



if it is not a simple case i may create an issue.

Thanks,
Serkan





Reply | Threaded
Open this post in threaded view
|

Re: hscroll bar for adg hides the content

Alex Harui-2

In the Flex version, would the 5 images overflow the width of the column or is the column size fixed width?

 

It might be that the default scrollpolicy for one of the containers is not the same as in Flex, or that there is a slight difference in size such that images overflow the height causing scrollbars that then overflow the width.  Again, the debugger should provide clues.

 

-Alex

 

From: serkan <[hidden email]>
Date: Monday, June 8, 2020 at 1:54 PM
To: Alex Harui <[hidden email]>, "[hidden email]" <[hidden email]>
Subject: Re: hscroll bar for adg hides the content

 

The column shows images according to the state of the job and it is not fixed.

It may show 1 or more images up to 5 or something horizontally lined.

8.06.2020 23:27 tarihinde Alex Harui yazdı:

It depends on who is showing scrollbars.  Looks like there are several layers.   I would check the HTML DOM and see what elements are too big and why.

 

HTH,

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:19 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It was solved with "width="150" maxWidth="250" in flex.

"Manage"  is nested component in adg:

                <mx:AdvancedDataGridColumn headerText="{resourceManager.getString('messages', 'manageGrid')}" width="150" id="mngColumn">
                    <mx:itemRenderer>
                        <fx:Component>
                            <jobdetail:PinaraJobListGridManageColumn selectedGroupId="1" /> <!--RO: {outerDocument.selectedGroupId} -->
                        </fx:Component>
                    </mx:itemRenderer>
                </mx:AdvancedDataGridColumn>



PinaraJobListGridManageColumn  is MXAdvancedDataGridItemRenderer

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.apache.org/royale/spark"
                    clipAndEnableScrolling="true"
                    xmlns:mx="library://ns.apache.org/royale/mx" xmlns:jobmanager="com.likya.pinara.services.jobmanager.*"
                    xmlns:jobdetail="com.likya.pinara.comps.jobdetail.*">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
   
    <fx:Script>
        <![CDATA[
           
            [Bindable]
            public var selectedGroupId:String;
           
        ]]>
    </fx:Script>
   
    <jobdetail:ManageButtonGroup id="manageButtonGroup" data="{data}" selectedGroupId="{selectedGroupId}" />
   
</s:MXAdvancedDataGridItemRenderer>


I do not want to play with css for now. How can I do it with ScrollPolicy or may be it is better to change height while scroll bar is displayed ?

Thanks
Serkan

8.06.2020 19:05 tarihinde Alex Harui yazdı:

What is the renderer for the Manage column?  If you don’t need scrollbars you should be able to turn them off either via ScrollPolicy or via custom CSS.

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 8:13 AM
To: [hidden email] [hidden email]
Subject: hscroll bar for adg hides the content

 

Hi,

for the "Manage" column the scroll bar hides the content.



should have been something like that :



if it is not a simple case i may create an issue.

Thanks,
Serkan








Reply | Threaded
Open this post in threaded view
|

Re: hscroll bar for adg hides the content

serkan
It looks like it is better to disable scrollbar for quick fix.

How can i disable ?


9.06.2020 04:52 tarihinde Alex Harui yazdı:

In the Flex version, would the 5 images overflow the width of the column or is the column size fixed width?

 

It might be that the default scrollpolicy for one of the containers is not the same as in Flex, or that there is a slight difference in size such that images overflow the height causing scrollbars that then overflow the width.  Again, the debugger should provide clues.

 

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:54 PM
To: Alex Harui [hidden email], [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

The column shows images according to the state of the job and it is not fixed.

It may show 1 or more images up to 5 or something horizontally lined.

8.06.2020 23:27 tarihinde Alex Harui yazdı:

It depends on who is showing scrollbars.  Looks like there are several layers.   I would check the HTML DOM and see what elements are too big and why.

 

HTH,

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:19 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It was solved with "width="150" maxWidth="250" in flex.

"Manage"  is nested component in adg:

                <mx:AdvancedDataGridColumn headerText="{resourceManager.getString('messages', 'manageGrid')}" width="150" id="mngColumn">
                    <mx:itemRenderer>
                        <fx:Component>
                            <jobdetail:PinaraJobListGridManageColumn selectedGroupId="1" /> <!--RO: {outerDocument.selectedGroupId} -->
                        </fx:Component>
                    </mx:itemRenderer>
                </mx:AdvancedDataGridColumn>



PinaraJobListGridManageColumn  is MXAdvancedDataGridItemRenderer

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.apache.org/royale/spark"
                    clipAndEnableScrolling="true"
                    xmlns:mx="library://ns.apache.org/royale/mx" xmlns:jobmanager="com.likya.pinara.services.jobmanager.*"
                    xmlns:jobdetail="com.likya.pinara.comps.jobdetail.*">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
   
    <fx:Script>
        <![CDATA[
           
            [Bindable]
            public var selectedGroupId:String;
           
        ]]>
    </fx:Script>
   
    <jobdetail:ManageButtonGroup id="manageButtonGroup" data="{data}" selectedGroupId="{selectedGroupId}" />
   
</s:MXAdvancedDataGridItemRenderer>


I do not want to play with css for now. How can I do it with ScrollPolicy or may be it is better to change height while scroll bar is displayed ?

Thanks
Serkan

8.06.2020 19:05 tarihinde Alex Harui yazdı:

What is the renderer for the Manage column?  If you don’t need scrollbars you should be able to turn them off either via ScrollPolicy or via custom CSS.

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 8:13 AM
To: [hidden email] [hidden email]
Subject: hscroll bar for adg hides the content

 

Hi,

for the "Manage" column the scroll bar hides the content.



should have been something like that :



if it is not a simple case i may create an issue.

Thanks,
Serkan









Reply | Threaded
Open this post in threaded view
|

Re: hscroll bar for adg hides the content

Alex Harui-2

It depends on which containers are showing scrollbars.  I just pushed a changes so that if it is MXAdvancedDataGridItemRenderer that is the problem, you can add CSS like

 

.MXAdvancedDataGridItemRenderer {

  overflow:none;

}

 

If it is one of your other custom components, you may want to set the className property and set similar CSS for it.

 

HTH,

-Alex

 

From: serkan <[hidden email]>
Reply-To: "[hidden email]" <[hidden email]>
Date: Monday, June 8, 2020 at 7:42 PM
To: "[hidden email]" <[hidden email]>
Subject: Re: hscroll bar for adg hides the content

 

It looks like it is better to disable scrollbar for quick fix.

How can i disable ?

9.06.2020 04:52 tarihinde Alex Harui yazdı:

In the Flex version, would the 5 images overflow the width of the column or is the column size fixed width?

 

It might be that the default scrollpolicy for one of the containers is not the same as in Flex, or that there is a slight difference in size such that images overflow the height causing scrollbars that then overflow the width.  Again, the debugger should provide clues.

 

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:54 PM
To: Alex Harui [hidden email], [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

The column shows images according to the state of the job and it is not fixed.

It may show 1 or more images up to 5 or something horizontally lined.

8.06.2020 23:27 tarihinde Alex Harui yazdı:

It depends on who is showing scrollbars.  Looks like there are several layers.   I would check the HTML DOM and see what elements are too big and why.

 

HTH,

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:19 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It was solved with "width="150" maxWidth="250" in flex.

"Manage"  is nested component in adg:

                <mx:AdvancedDataGridColumn headerText="{resourceManager.getString('messages', 'manageGrid')}" width="150" id="mngColumn">
                    <mx:itemRenderer>
                        <fx:Component>
                            <jobdetail:PinaraJobListGridManageColumn selectedGroupId="1" /> <!--RO: {outerDocument.selectedGroupId} -->
                        </fx:Component>
                    </mx:itemRenderer>
                </mx:AdvancedDataGridColumn>



PinaraJobListGridManageColumn  is MXAdvancedDataGridItemRenderer

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.apache.org/royale/spark"
                    clipAndEnableScrolling="true"
                    xmlns:mx="library://ns.apache.org/royale/mx" xmlns:jobmanager="com.likya.pinara.services.jobmanager.*"
                    xmlns:jobdetail="com.likya.pinara.comps.jobdetail.*">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
   
    <fx:Script>
        <![CDATA[
           
            [Bindable]
            public var selectedGroupId:String;
           
        ]]>
    </fx:Script>
   
    <jobdetail:ManageButtonGroup id="manageButtonGroup" data="{data}" selectedGroupId="{selectedGroupId}" />
   
</s:MXAdvancedDataGridItemRenderer>


I do not want to play with css for now. How can I do it with ScrollPolicy or may be it is better to change height while scroll bar is displayed ?

Thanks
Serkan

8.06.2020 19:05 tarihinde Alex Harui yazdı:

What is the renderer for the Manage column?  If you don’t need scrollbars you should be able to turn them off either via ScrollPolicy or via custom CSS.

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 8:13 AM
To: [hidden email] [hidden email]
Subject: hscroll bar for adg hides the content

 

Hi,

for the "Manage" column the scroll bar hides the content.



should have been something like that :



if it is not a simple case i may create an issue.

Thanks,
Serkan













Reply | Threaded
Open this post in threaded view
|

Re: hscroll bar for adg hides the content

serkan
i updated repo but no changes related with the issue. your latest commit is aboud DateChooser.

9.06.2020 06:14 tarihinde Alex Harui yazdı:

It depends on which containers are showing scrollbars.  I just pushed a changes so that if it is MXAdvancedDataGridItemRenderer that is the problem, you can add CSS like

 

.MXAdvancedDataGridItemRenderer {

  overflow:none;

}

 

If it is one of your other custom components, you may want to set the className property and set similar CSS for it.

 

HTH,

-Alex

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 7:42 PM
To: [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It looks like it is better to disable scrollbar for quick fix.

How can i disable ?

9.06.2020 04:52 tarihinde Alex Harui yazdı:

In the Flex version, would the 5 images overflow the width of the column or is the column size fixed width?

 

It might be that the default scrollpolicy for one of the containers is not the same as in Flex, or that there is a slight difference in size such that images overflow the height causing scrollbars that then overflow the width.  Again, the debugger should provide clues.

 

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:54 PM
To: Alex Harui [hidden email], [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

The column shows images according to the state of the job and it is not fixed.

It may show 1 or more images up to 5 or something horizontally lined.

8.06.2020 23:27 tarihinde Alex Harui yazdı:

It depends on who is showing scrollbars.  Looks like there are several layers.   I would check the HTML DOM and see what elements are too big and why.

 

HTH,

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:19 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It was solved with "width="150" maxWidth="250" in flex.

"Manage"  is nested component in adg:

                <mx:AdvancedDataGridColumn headerText="{resourceManager.getString('messages', 'manageGrid')}" width="150" id="mngColumn">
                    <mx:itemRenderer>
                        <fx:Component>
                            <jobdetail:PinaraJobListGridManageColumn selectedGroupId="1" /> <!--RO: {outerDocument.selectedGroupId} -->
                        </fx:Component>
                    </mx:itemRenderer>
                </mx:AdvancedDataGridColumn>



PinaraJobListGridManageColumn  is MXAdvancedDataGridItemRenderer

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.apache.org/royale/spark"
                    clipAndEnableScrolling="true"
                    xmlns:mx="library://ns.apache.org/royale/mx" xmlns:jobmanager="com.likya.pinara.services.jobmanager.*"
                    xmlns:jobdetail="com.likya.pinara.comps.jobdetail.*">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
   
    <fx:Script>
        <![CDATA[
           
            [Bindable]
            public var selectedGroupId:String;
           
        ]]>
    </fx:Script>
   
    <jobdetail:ManageButtonGroup id="manageButtonGroup" data="{data}" selectedGroupId="{selectedGroupId}" />
   
</s:MXAdvancedDataGridItemRenderer>


I do not want to play with css for now. How can I do it with ScrollPolicy or may be it is better to change height while scroll bar is displayed ?

Thanks
Serkan

8.06.2020 19:05 tarihinde Alex Harui yazdı:

What is the renderer for the Manage column?  If you don’t need scrollbars you should be able to turn them off either via ScrollPolicy or via custom CSS.

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 8:13 AM
To: [hidden email] [hidden email]
Subject: hscroll bar for adg hides the content

 

Hi,

for the "Manage" column the scroll bar hides the content.



should have been something like that :



if it is not a simple case i may create an issue.

Thanks,
Serkan














Reply | Threaded
Open this post in threaded view
|

Re: hscroll bar for adg hides the content

Alex Harui-2

Sorry, pushed it to the wrong branch.  Hopefully I got it right this time.

 

From: serkan <[hidden email]>
Date: Monday, June 8, 2020 at 11:52 PM
To: "[hidden email]" <[hidden email]>, Alex Harui <[hidden email]>
Subject: Re: hscroll bar for adg hides the content

 

i updated repo but no changes related with the issue. your latest commit is aboud DateChooser.

9.06.2020 06:14 tarihinde Alex Harui yazdı:

It depends on which containers are showing scrollbars.  I just pushed a changes so that if it is MXAdvancedDataGridItemRenderer that is the problem, you can add CSS like

 

.MXAdvancedDataGridItemRenderer {

  overflow:none;

}

 

If it is one of your other custom components, you may want to set the className property and set similar CSS for it.

 

HTH,

-Alex

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 7:42 PM
To: [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It looks like it is better to disable scrollbar for quick fix.

How can i disable ?

9.06.2020 04:52 tarihinde Alex Harui yazdı:

In the Flex version, would the 5 images overflow the width of the column or is the column size fixed width?

 

It might be that the default scrollpolicy for one of the containers is not the same as in Flex, or that there is a slight difference in size such that images overflow the height causing scrollbars that then overflow the width.  Again, the debugger should provide clues.

 

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:54 PM
To: Alex Harui [hidden email], [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

The column shows images according to the state of the job and it is not fixed.

It may show 1 or more images up to 5 or something horizontally lined.

8.06.2020 23:27 tarihinde Alex Harui yazdı:

It depends on who is showing scrollbars.  Looks like there are several layers.   I would check the HTML DOM and see what elements are too big and why.

 

HTH,

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:19 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It was solved with "width="150" maxWidth="250" in flex.

"Manage"  is nested component in adg:

                <mx:AdvancedDataGridColumn headerText="{resourceManager.getString('messages', 'manageGrid')}" width="150" id="mngColumn">
                    <mx:itemRenderer>
                        <fx:Component>
                            <jobdetail:PinaraJobListGridManageColumn selectedGroupId="1" /> <!--RO: {outerDocument.selectedGroupId} -->
                        </fx:Component>
                    </mx:itemRenderer>
                </mx:AdvancedDataGridColumn>



PinaraJobListGridManageColumn  is MXAdvancedDataGridItemRenderer

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.apache.org/royale/spark"
                    clipAndEnableScrolling="true"
                    xmlns:mx="library://ns.apache.org/royale/mx" xmlns:jobmanager="com.likya.pinara.services.jobmanager.*"
                    xmlns:jobdetail="com.likya.pinara.comps.jobdetail.*">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
   
    <fx:Script>
        <![CDATA[
           
            [Bindable]
            public var selectedGroupId:String;
           
        ]]>
    </fx:Script>
   
    <jobdetail:ManageButtonGroup id="manageButtonGroup" data="{data}" selectedGroupId="{selectedGroupId}" />
   
</s:MXAdvancedDataGridItemRenderer>


I do not want to play with css for now. How can I do it with ScrollPolicy or may be it is better to change height while scroll bar is displayed ?

Thanks
Serkan

8.06.2020 19:05 tarihinde Alex Harui yazdı:

What is the renderer for the Manage column?  If you don’t need scrollbars you should be able to turn them off either via ScrollPolicy or via custom CSS.

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 8:13 AM
To: [hidden email] [hidden email]
Subject: hscroll bar for adg hides the content

 

Hi,

for the "Manage" column the scroll bar hides the content.



should have been something like that :



if it is not a simple case i may create an issue.

Thanks,
Serkan



















Reply | Threaded
Open this post in threaded view
|

Re: hscroll bar for adg hides the content

serkan
Where should I add css definition ?

.MXAdvancedDataGridItemRenderer {

  overflow:none;

}

Thanks.

9.06.2020 09:55 tarihinde Alex Harui yazdı:

Sorry, pushed it to the wrong branch.  Hopefully I got it right this time.

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 11:52 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

i updated repo but no changes related with the issue. your latest commit is aboud DateChooser.

9.06.2020 06:14 tarihinde Alex Harui yazdı:

It depends on which containers are showing scrollbars.  I just pushed a changes so that if it is MXAdvancedDataGridItemRenderer that is the problem, you can add CSS like

 

.MXAdvancedDataGridItemRenderer {

  overflow:none;

}

 

If it is one of your other custom components, you may want to set the className property and set similar CSS for it.

 

HTH,

-Alex

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 7:42 PM
To: [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It looks like it is better to disable scrollbar for quick fix.

How can i disable ?

9.06.2020 04:52 tarihinde Alex Harui yazdı:

In the Flex version, would the 5 images overflow the width of the column or is the column size fixed width?

 

It might be that the default scrollpolicy for one of the containers is not the same as in Flex, or that there is a slight difference in size such that images overflow the height causing scrollbars that then overflow the width.  Again, the debugger should provide clues.

 

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:54 PM
To: Alex Harui [hidden email], [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

The column shows images according to the state of the job and it is not fixed.

It may show 1 or more images up to 5 or something horizontally lined.

8.06.2020 23:27 tarihinde Alex Harui yazdı:

It depends on who is showing scrollbars.  Looks like there are several layers.   I would check the HTML DOM and see what elements are too big and why.

 

HTH,

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:19 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It was solved with "width="150" maxWidth="250" in flex.

"Manage"  is nested component in adg:

                <mx:AdvancedDataGridColumn headerText="{resourceManager.getString('messages', 'manageGrid')}" width="150" id="mngColumn">
                    <mx:itemRenderer>
                        <fx:Component>
                            <jobdetail:PinaraJobListGridManageColumn selectedGroupId="1" /> <!--RO: {outerDocument.selectedGroupId} -->
                        </fx:Component>
                    </mx:itemRenderer>
                </mx:AdvancedDataGridColumn>



PinaraJobListGridManageColumn  is MXAdvancedDataGridItemRenderer

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.apache.org/royale/spark"
                    clipAndEnableScrolling="true"
                    xmlns:mx="library://ns.apache.org/royale/mx" xmlns:jobmanager="com.likya.pinara.services.jobmanager.*"
                    xmlns:jobdetail="com.likya.pinara.comps.jobdetail.*">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
   
    <fx:Script>
        <![CDATA[
           
            [Bindable]
            public var selectedGroupId:String;
           
        ]]>
    </fx:Script>
   
    <jobdetail:ManageButtonGroup id="manageButtonGroup" data="{data}" selectedGroupId="{selectedGroupId}" />
   
</s:MXAdvancedDataGridItemRenderer>


I do not want to play with css for now. How can I do it with ScrollPolicy or may be it is better to change height while scroll bar is displayed ?

Thanks
Serkan

8.06.2020 19:05 tarihinde Alex Harui yazdı:

What is the renderer for the Manage column?  If you don’t need scrollbars you should be able to turn them off either via ScrollPolicy or via custom CSS.

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 8:13 AM
To: [hidden email] [hidden email]
Subject: hscroll bar for adg hides the content

 

Hi,

for the "Manage" column the scroll bar hides the content.



should have been something like that :



if it is not a simple case i may create an issue.

Thanks,
Serkan




















Reply | Threaded
Open this post in threaded view
|

Re: hscroll bar for adg hides the content

Alex Harui-2

You can add it to an existing .css file, or add it in an <fx:Style> tag

 

From: serkan <[hidden email]>
Date: Tuesday, June 9, 2020 at 10:19 PM
To: Alex Harui <[hidden email]>, "[hidden email]" <[hidden email]>
Subject: Re: hscroll bar for adg hides the content

 

Where should I add css definition ?

.MXAdvancedDataGridItemRenderer {

  overflow:none;

}

Thanks.

9.06.2020 09:55 tarihinde Alex Harui yazdı:

Sorry, pushed it to the wrong branch.  Hopefully I got it right this time.

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 11:52 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

i updated repo but no changes related with the issue. your latest commit is aboud DateChooser.

9.06.2020 06:14 tarihinde Alex Harui yazdı:

It depends on which containers are showing scrollbars.  I just pushed a changes so that if it is MXAdvancedDataGridItemRenderer that is the problem, you can add CSS like

 

.MXAdvancedDataGridItemRenderer {

  overflow:none;

}

 

If it is one of your other custom components, you may want to set the className property and set similar CSS for it.

 

HTH,

-Alex

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 7:42 PM
To: [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It looks like it is better to disable scrollbar for quick fix.

How can i disable ?

9.06.2020 04:52 tarihinde Alex Harui yazdı:

In the Flex version, would the 5 images overflow the width of the column or is the column size fixed width?

 

It might be that the default scrollpolicy for one of the containers is not the same as in Flex, or that there is a slight difference in size such that images overflow the height causing scrollbars that then overflow the width.  Again, the debugger should provide clues.

 

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:54 PM
To: Alex Harui [hidden email], [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

The column shows images according to the state of the job and it is not fixed.

It may show 1 or more images up to 5 or something horizontally lined.

8.06.2020 23:27 tarihinde Alex Harui yazdı:

It depends on who is showing scrollbars.  Looks like there are several layers.   I would check the HTML DOM and see what elements are too big and why.

 

HTH,

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:19 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It was solved with "width="150" maxWidth="250" in flex.

"Manage"  is nested component in adg:

                <mx:AdvancedDataGridColumn headerText="{resourceManager.getString('messages', 'manageGrid')}" width="150" id="mngColumn">
                    <mx:itemRenderer>
                        <fx:Component>
                            <jobdetail:PinaraJobListGridManageColumn selectedGroupId="1" /> <!--RO: {outerDocument.selectedGroupId} -->
                        </fx:Component>
                    </mx:itemRenderer>
                </mx:AdvancedDataGridColumn>



PinaraJobListGridManageColumn  is MXAdvancedDataGridItemRenderer

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.apache.org/royale/spark"
                    clipAndEnableScrolling="true"
                    xmlns:mx="library://ns.apache.org/royale/mx" xmlns:jobmanager="com.likya.pinara.services.jobmanager.*"
                    xmlns:jobdetail="com.likya.pinara.comps.jobdetail.*">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
   
    <fx:Script>
        <![CDATA[
           
            [Bindable]
            public var selectedGroupId:String;
           
        ]]>
    </fx:Script>
   
    <jobdetail:ManageButtonGroup id="manageButtonGroup" data="{data}" selectedGroupId="{selectedGroupId}" />
   
</s:MXAdvancedDataGridItemRenderer>


I do not want to play with css for now. How can I do it with ScrollPolicy or may be it is better to change height while scroll bar is displayed ?

Thanks
Serkan

8.06.2020 19:05 tarihinde Alex Harui yazdı:

What is the renderer for the Manage column?  If you don’t need scrollbars you should be able to turn them off either via ScrollPolicy or via custom CSS.

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 8:13 AM
To: [hidden email] [hidden email]
Subject: hscroll bar for adg hides the content

 

Hi,

for the "Manage" column the scroll bar hides the content.



should have been something like that :



if it is not a simple case i may create an issue.

Thanks,
Serkan


























Reply | Threaded
Open this post in threaded view
|

Re: hscroll bar for adg hides the content

Greg Dove
Just a quick note.

I think that should probably be:
overflow:hidden; 

instead of 'none'
'none' is an option for display, but I don't think for overflow.
'hidden' is sort of close to clipContent=true, I think

the other options are scroll, auto and visible iirc



On Wed, Jun 10, 2020 at 5:27 PM Alex Harui <[hidden email]> wrote:

You can add it to an existing .css file, or add it in an <fx:Style> tag

 

From: serkan <[hidden email]>
Date: Tuesday, June 9, 2020 at 10:19 PM
To: Alex Harui <[hidden email]>, "[hidden email]" <[hidden email]>
Subject: Re: hscroll bar for adg hides the content

 

Where should I add css definition ?

.MXAdvancedDataGridItemRenderer {

  overflow:none;

}

Thanks.

9.06.2020 09:55 tarihinde Alex Harui yazdı:

Sorry, pushed it to the wrong branch.  Hopefully I got it right this time.

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 11:52 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

i updated repo but no changes related with the issue. your latest commit is aboud DateChooser.

9.06.2020 06:14 tarihinde Alex Harui yazdı:

It depends on which containers are showing scrollbars.  I just pushed a changes so that if it is MXAdvancedDataGridItemRenderer that is the problem, you can add CSS like

 

.MXAdvancedDataGridItemRenderer {

  overflow:none;

}

 

If it is one of your other custom components, you may want to set the className property and set similar CSS for it.

 

HTH,

-Alex

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 7:42 PM
To: [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It looks like it is better to disable scrollbar for quick fix.

How can i disable ?

9.06.2020 04:52 tarihinde Alex Harui yazdı:

In the Flex version, would the 5 images overflow the width of the column or is the column size fixed width?

 

It might be that the default scrollpolicy for one of the containers is not the same as in Flex, or that there is a slight difference in size such that images overflow the height causing scrollbars that then overflow the width.  Again, the debugger should provide clues.

 

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:54 PM
To: Alex Harui [hidden email], [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

The column shows images according to the state of the job and it is not fixed.

It may show 1 or more images up to 5 or something horizontally lined.

8.06.2020 23:27 tarihinde Alex Harui yazdı:

It depends on who is showing scrollbars.  Looks like there are several layers.   I would check the HTML DOM and see what elements are too big and why.

 

HTH,

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:19 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It was solved with "width="150" maxWidth="250" in flex.

"Manage"  is nested component in adg:

                <mx:AdvancedDataGridColumn headerText="{resourceManager.getString('messages', 'manageGrid')}" width="150" id="mngColumn">
                    <mx:itemRenderer>
                        <fx:Component>
                            <jobdetail:PinaraJobListGridManageColumn selectedGroupId="1" /> <!--RO: {outerDocument.selectedGroupId} -->
                        </fx:Component>
                    </mx:itemRenderer>
                </mx:AdvancedDataGridColumn>



PinaraJobListGridManageColumn  is MXAdvancedDataGridItemRenderer

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.apache.org/royale/spark"
                    clipAndEnableScrolling="true"
                    xmlns:mx="library://ns.apache.org/royale/mx" xmlns:jobmanager="com.likya.pinara.services.jobmanager.*"
                    xmlns:jobdetail="com.likya.pinara.comps.jobdetail.*">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
   
    <fx:Script>
        <![CDATA[
           
            [Bindable]
            public var selectedGroupId:String;
           
        ]]>
    </fx:Script>
   
    <jobdetail:ManageButtonGroup id="manageButtonGroup" data="{data}" selectedGroupId="{selectedGroupId}" />
   
</s:MXAdvancedDataGridItemRenderer>


I do not want to play with css for now. How can I do it with ScrollPolicy or may be it is better to change height while scroll bar is displayed ?

Thanks
Serkan

8.06.2020 19:05 tarihinde Alex Harui yazdı:

What is the renderer for the Manage column?  If you don’t need scrollbars you should be able to turn them off either via ScrollPolicy or via custom CSS.

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 8:13 AM
To: [hidden email] [hidden email]
Subject: hscroll bar for adg hides the content

 

Hi,

for the "Manage" column the scroll bar hides the content.



should have been something like that :



if it is not a simple case i may create an issue.

Thanks,
Serkan


























Reply | Threaded
Open this post in threaded view
|

Re: hscroll bar for adg hides the content

Alex Harui-2

Thanks for catching that.

 

From: Greg Dove <[hidden email]>
Reply-To: "[hidden email]" <[hidden email]>
Date: Tuesday, June 9, 2020 at 11:19 PM
To: "[hidden email]" <[hidden email]>
Cc: serkan <[hidden email]>
Subject: Re: hscroll bar for adg hides the content

 

Just a quick note.

 

I think that should probably be:

overflow:hidden; 

 

instead of 'none'

'none' is an option for display, but I don't think for overflow.

'hidden' is sort of close to clipContent=true, I think

 

the other options are scroll, auto and visible iirc

 

 

 

On Wed, Jun 10, 2020 at 5:27 PM Alex Harui <[hidden email]> wrote:

You can add it to an existing .css file, or add it in an <fx:Style> tag

 

From: serkan <[hidden email]>
Date: Tuesday, June 9, 2020 at 10:19 PM
To: Alex Harui <[hidden email]>, "[hidden email]" <[hidden email]>
Subject: Re: hscroll bar for adg hides the content

 

Where should I add css definition ?

.MXAdvancedDataGridItemRenderer {

  overflow:none;

}

Thanks.

9.06.2020 09:55 tarihinde Alex Harui yazdı:

Sorry, pushed it to the wrong branch.  Hopefully I got it right this time.

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 11:52 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

i updated repo but no changes related with the issue. your latest commit is aboud DateChooser.

9.06.2020 06:14 tarihinde Alex Harui yazdı:

It depends on which containers are showing scrollbars.  I just pushed a changes so that if it is MXAdvancedDataGridItemRenderer that is the problem, you can add CSS like

 

.MXAdvancedDataGridItemRenderer {

  overflow:none;

}

 

If it is one of your other custom components, you may want to set the className property and set similar CSS for it.

 

HTH,

-Alex

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 7:42 PM
To: [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It looks like it is better to disable scrollbar for quick fix.

How can i disable ?

9.06.2020 04:52 tarihinde Alex Harui yazdı:

In the Flex version, would the 5 images overflow the width of the column or is the column size fixed width?

 

It might be that the default scrollpolicy for one of the containers is not the same as in Flex, or that there is a slight difference in size such that images overflow the height causing scrollbars that then overflow the width.  Again, the debugger should provide clues.

 

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:54 PM
To: Alex Harui [hidden email], [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

The column shows images according to the state of the job and it is not fixed.

It may show 1 or more images up to 5 or something horizontally lined.

8.06.2020 23:27 tarihinde Alex Harui yazdı:

It depends on who is showing scrollbars.  Looks like there are several layers.   I would check the HTML DOM and see what elements are too big and why.

 

HTH,

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:19 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It was solved with "width="150" maxWidth="250" in flex.

"Manage"  is nested component in adg:

                <mx:AdvancedDataGridColumn headerText="{resourceManager.getString('messages', 'manageGrid')}" width="150" id="mngColumn">
                    <mx:itemRenderer>
                        <fx:Component>
                            <jobdetail:PinaraJobListGridManageColumn selectedGroupId="1" /> <!--RO: {outerDocument.selectedGroupId} -->
                        </fx:Component>
                    </mx:itemRenderer>
                </mx:AdvancedDataGridColumn>



PinaraJobListGridManageColumn  is MXAdvancedDataGridItemRenderer

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.apache.org/royale/spark"
                    clipAndEnableScrolling="true"
                    xmlns:mx="library://ns.apache.org/royale/mx" xmlns:jobmanager="com.likya.pinara.services.jobmanager.*"
                    xmlns:jobdetail="com.likya.pinara.comps.jobdetail.*">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
   
    <fx:Script>
        <![CDATA[
           
            [Bindable]
            public var selectedGroupId:String;
           
        ]]>
    </fx:Script>
   
    <jobdetail:ManageButtonGroup id="manageButtonGroup" data="{data}" selectedGroupId="{selectedGroupId}" />
   
</s:MXAdvancedDataGridItemRenderer>


I do not want to play with css for now. How can I do it with ScrollPolicy or may be it is better to change height while scroll bar is displayed ?

Thanks
Serkan

8.06.2020 19:05 tarihinde Alex Harui yazdı:

What is the renderer for the Manage column?  If you don’t need scrollbars you should be able to turn them off either via ScrollPolicy or via custom CSS.

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 8:13 AM
To: [hidden email] [hidden email]
Subject: hscroll bar for adg hides the content

 

Hi,

for the "Manage" column the scroll bar hides the content.



should have been something like that :



if it is not a simple case i may create an issue.

Thanks,
Serkan



















 

Reply | Threaded
Open this post in threaded view
|

Re: hscroll bar for adg hides the content

serkan
I added the declaration in to the main application mxml.

    <fx:Style>
        .MXAdvancedDataGridItemRenderer {
            overflow:none;
        }
    </fx:Style>







But I can not see any effect. When I change the value manually in source view, scrollbar disappears.





may i missing something Alex ?

Thanks,
Serkan

10.06.2020 09:35 tarihinde Alex Harui yazdı:

Thanks for catching that.

 

From: Greg Dove [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Tuesday, June 9, 2020 at 11:19 PM
To: [hidden email] [hidden email]
Cc: serkan [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

Just a quick note.

 

I think that should probably be:

overflow:hidden; 

 

instead of 'none'

'none' is an option for display, but I don't think for overflow.

'hidden' is sort of close to clipContent=true, I think

 

the other options are scroll, auto and visible iirc

 

 

 

On Wed, Jun 10, 2020 at 5:27 PM Alex Harui <[hidden email]> wrote:

You can add it to an existing .css file, or add it in an <fx:Style> tag

 

From: serkan <[hidden email]>
Date: Tuesday, June 9, 2020 at 10:19 PM
To: Alex Harui <[hidden email]>, "[hidden email]" <[hidden email]>
Subject: Re: hscroll bar for adg hides the content

 

Where should I add css definition ?

.MXAdvancedDataGridItemRenderer {

  overflow:none;

}

Thanks.

9.06.2020 09:55 tarihinde Alex Harui yazdı:

Sorry, pushed it to the wrong branch.  Hopefully I got it right this time.

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 11:52 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

i updated repo but no changes related with the issue. your latest commit is aboud DateChooser.

9.06.2020 06:14 tarihinde Alex Harui yazdı:

It depends on which containers are showing scrollbars.  I just pushed a changes so that if it is MXAdvancedDataGridItemRenderer that is the problem, you can add CSS like

 

.MXAdvancedDataGridItemRenderer {

  overflow:none;

}

 

If it is one of your other custom components, you may want to set the className property and set similar CSS for it.

 

HTH,

-Alex

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 7:42 PM
To: [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It looks like it is better to disable scrollbar for quick fix.

How can i disable ?

9.06.2020 04:52 tarihinde Alex Harui yazdı:

In the Flex version, would the 5 images overflow the width of the column or is the column size fixed width?

 

It might be that the default scrollpolicy for one of the containers is not the same as in Flex, or that there is a slight difference in size such that images overflow the height causing scrollbars that then overflow the width.  Again, the debugger should provide clues.

 

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:54 PM
To: Alex Harui [hidden email], [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

The column shows images according to the state of the job and it is not fixed.

It may show 1 or more images up to 5 or something horizontally lined.

8.06.2020 23:27 tarihinde Alex Harui yazdı:

It depends on who is showing scrollbars.  Looks like there are several layers.   I would check the HTML DOM and see what elements are too big and why.

 

HTH,

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:19 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It was solved with "width="150" maxWidth="250" in flex.

"Manage"  is nested component in adg:

                <mx:AdvancedDataGridColumn headerText="{resourceManager.getString('messages', 'manageGrid')}" width="150" id="mngColumn">
                    <mx:itemRenderer>
                        <fx:Component>
                            <jobdetail:PinaraJobListGridManageColumn selectedGroupId="1" /> <!--RO: {outerDocument.selectedGroupId} -->
                        </fx:Component>
                    </mx:itemRenderer>
                </mx:AdvancedDataGridColumn>



PinaraJobListGridManageColumn  is MXAdvancedDataGridItemRenderer

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.apache.org/royale/spark"
                    clipAndEnableScrolling="true"
                    xmlns:mx="library://ns.apache.org/royale/mx" xmlns:jobmanager="com.likya.pinara.services.jobmanager.*"
                    xmlns:jobdetail="com.likya.pinara.comps.jobdetail.*">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
   
    <fx:Script>
        <![CDATA[
           
            [Bindable]
            public var selectedGroupId:String;
           
        ]]>
    </fx:Script>
   
    <jobdetail:ManageButtonGroup id="manageButtonGroup" data="{data}" selectedGroupId="{selectedGroupId}" />
   
</s:MXAdvancedDataGridItemRenderer>


I do not want to play with css for now. How can I do it with ScrollPolicy or may be it is better to change height while scroll bar is displayed ?

Thanks
Serkan

8.06.2020 19:05 tarihinde Alex Harui yazdı:

What is the renderer for the Manage column?  If you don’t need scrollbars you should be able to turn them off either via ScrollPolicy or via custom CSS.

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 8:13 AM
To: [hidden email] [hidden email]
Subject: hscroll bar for adg hides the content

 

Hi,

for the "Manage" column the scroll bar hides the content.



should have been something like that :



if it is not a simple case i may create an issue.

Thanks,
Serkan



















 


Reply | Threaded
Open this post in threaded view
|

Re: hscroll bar for adg hides the content

Harbs
There is probably a scroll bead which is adding the overflow:auto.

On Jun 12, 2020, at 10:32 AM, serkan <[hidden email]> wrote:

I added the declaration in to the main application mxml.

    <fx:Style>
        .MXAdvancedDataGridItemRenderer {
            overflow:none;
        }
    </fx:Style>


<jpmoffdmhhhifafg.png>


<ahmlndjallceklip.png>

But I can not see any effect. When I change the value manually in source view, scrollbar disappears.

<lldlgpkofhncdpbc.png>

<hkondbbmgcgllidc.png>

may i missing something Alex ?

Thanks,
Serkan

10.06.2020 09:35 tarihinde Alex Harui yazdı:
Thanks for catching that.
 
From: Greg Dove [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Tuesday, June 9, 2020 at 11:19 PM
To: [hidden email] [hidden email]
Cc: serkan [hidden email]
Subject: Re: hscroll bar for adg hides the content
 
Just a quick note.
 
I think that should probably be:
overflow:hidden; 
 
instead of 'none'
'none' is an option for display, but I don't think for overflow.
'hidden' is sort of close to clipContent=true, I think
 
the other options are scroll, auto and visible iirc
 
 
 
On Wed, Jun 10, 2020 at 5:27 PM Alex Harui <[hidden email]> wrote:
You can add it to an existing .css file, or add it in an <fx:Style> tag
 
From: serkan <[hidden email]>
Date: Tuesday, June 9, 2020 at 10:19 PM
To: Alex Harui <[hidden email]>, "[hidden email]" <[hidden email]>
Subject: Re: hscroll bar for adg hides the content
 
Where should I add css definition ?

.MXAdvancedDataGridItemRenderer { 
  overflow:none;

}

Thanks.

9.06.2020 09:55 tarihinde Alex Harui yazdı:
Sorry, pushed it to the wrong branch.  Hopefully I got it right this time.
 
From: serkan [hidden email]
Date: Monday, June 8, 2020 at 11:52 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content
 

i updated repo but no changes related with the issue. your latest commit is aboud DateChooser.

9.06.2020 06:14 tarihinde Alex Harui yazdı:
It depends on which containers are showing scrollbars.  I just pushed a changes so that if it is MXAdvancedDataGridItemRenderer that is the problem, you can add CSS like
 
.MXAdvancedDataGridItemRenderer {
  overflow:none;
}
 
If it is one of your other custom components, you may want to set the className property and set similar CSS for it.
 
HTH,
-Alex
 
From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 7:42 PM
To: [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content
 

It looks like it is better to disable scrollbar for quick fix. 

How can i disable ?

9.06.2020 04:52 tarihinde Alex Harui yazdı:
In the Flex version, would the 5 images overflow the width of the column or is the column size fixed width?
 
It might be that the default scrollpolicy for one of the containers is not the same as in Flex, or that there is a slight difference in size such that images overflow the height causing scrollbars that then overflow the width.  Again, the debugger should provide clues.
 
-Alex
 
From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:54 PM
To: Alex Harui [hidden email], [hidden email][hidden email]
Subject: Re: hscroll bar for adg hides the content
 

The column shows images according to the state of the job and it is not fixed.

It may show 1 or more images up to 5 or something horizontally lined.

8.06.2020 23:27 tarihinde Alex Harui yazdı:
It depends on who is showing scrollbars.  Looks like there are several layers.   I would check the HTML DOM and see what elements are too big and why.
 
HTH,
-Alex
 
From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:19 PM
To: [hidden email] [hidden email], Alex Harui[hidden email]
Subject: Re: hscroll bar for adg hides the content
 

It was solved with "width="150" maxWidth="250" in flex.

"Manage"  is nested component in adg: 

                <mx:AdvancedDataGridColumn headerText="{resourceManager.getString('messages', 'manageGrid')}" width="150" id="mngColumn">
                    <mx:itemRenderer>
                        <fx:Component>
                            <jobdetail:PinaraJobListGridManageColumn selectedGroupId="1" /> <!--RO: {outerDocument.selectedGroupId} -->
                        </fx:Component>
                    </mx:itemRenderer>
                </mx:AdvancedDataGridColumn>



PinaraJobListGridManageColumn  is MXAdvancedDataGridItemRenderer

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                    xmlns:s="library://ns.apache.org/royale/spark" 
                    clipAndEnableScrolling="true"
                    xmlns:mx="library://ns.apache.org/royale/mx" xmlns:jobmanager="com.likya.pinara.services.jobmanager.*"
                    xmlns:jobdetail="com.likya.pinara.comps.jobdetail.*">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    
    <fx:Script>
        <![CDATA[
            
            [Bindable]
            public var selectedGroupId:String;
            
        ]]>
    </fx:Script>
    
    <jobdetail:ManageButtonGroup id="manageButtonGroup" data="{data}" selectedGroupId="{selectedGroupId}" />
    
</s:MXAdvancedDataGridItemRenderer>


I do not want to play with css for now. How can I do it with ScrollPolicy or may be it is better to change height while scroll bar is displayed ?

Thanks
Serkan

8.06.2020 19:05 tarihinde Alex Harui yazdı:
What is the renderer for the Manage column?  If you don’t need scrollbars you should be able to turn them off either via ScrollPolicy or via custom CSS.
 
From: serkan [hidden email]
Reply-To: [hidden email][hidden email]
Date: Monday, June 8, 2020 at 8:13 AM
To: [hidden email] [hidden email]
Subject: hscroll bar for adg hides the content
 

Hi,

for the "Manage" column the scroll bar hides the content.

<image001.png>

should have been something like that : 

<image002.png>

if it is not a simple case i may create an issue.

Thanks,
Serkan


Reply | Threaded
Open this post in threaded view
|

Re: hscroll bar for adg hides the content

Alex Harui-2
In reply to this post by serkan

You may have missed Greg’s correction earlier in this thread.  It should be overflow:hidden, although it looks like “none” does work in some browsers.

 

If you inspect the renderer, the browser inspector should show you what style declarations apply to the element.   Using an fx:Style should create a style declaration in the .css output and should show up in the inspector as applying to the renderer.  But because we can see that the inspector showed that there is an “overflow: auto” in the styles attribute for the element, that means that some code is setting a property that applies that style (which overrides the style declaration).  The only code I see that would do that is the clipAndEnableScrolling property being set to true.  Try setting a breakpoint in the spark.components.supportClasses.GroupBase  set__clipAndEnableScrolling setter and see who calls it.

 

HTH,

-Alex

 

 

 

From: serkan <[hidden email]>
Date: Friday, June 12, 2020 at 12:32 AM
To: Alex Harui <[hidden email]>, "[hidden email]" <[hidden email]>
Subject: Re: hscroll bar for adg hides the content

 

I added the declaration in to the main application mxml.

    <fx:Style>
        .MXAdvancedDataGridItemRenderer {
            overflow:none;
        }
    </fx:Style>







But I can not see any effect. When I change the value manually in source view, scrollbar disappears.





may i missing something Alex ?

Thanks,
Serkan

10.06.2020 09:35 tarihinde Alex Harui yazdı:

Thanks for catching that.

 

From: Greg Dove [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Tuesday, June 9, 2020 at 11:19 PM
To: [hidden email] [hidden email]
Cc: serkan [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

Just a quick note.

 

I think that should probably be:

overflow:hidden; 

 

instead of 'none'

'none' is an option for display, but I don't think for overflow.

'hidden' is sort of close to clipContent=true, I think

 

the other options are scroll, auto and visible iirc

 

 

 

On Wed, Jun 10, 2020 at 5:27 PM Alex Harui <[hidden email]> wrote:

You can add it to an existing .css file, or add it in an <fx:Style> tag

 

From: serkan <[hidden email]>
Date: Tuesday, June 9, 2020 at 10:19 PM
To: Alex Harui <[hidden email]>, "[hidden email]" <[hidden email]>
Subject: Re: hscroll bar for adg hides the content

 

Where should I add css definition ?

.MXAdvancedDataGridItemRenderer {

  overflow:none;

}

Thanks.

9.06.2020 09:55 tarihinde Alex Harui yazdı:

Sorry, pushed it to the wrong branch.  Hopefully I got it right this time.

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 11:52 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

i updated repo but no changes related with the issue. your latest commit is aboud DateChooser.

9.06.2020 06:14 tarihinde Alex Harui yazdı:

It depends on which containers are showing scrollbars.  I just pushed a changes so that if it is MXAdvancedDataGridItemRenderer that is the problem, you can add CSS like

 

.MXAdvancedDataGridItemRenderer {

  overflow:none;

}

 

If it is one of your other custom components, you may want to set the className property and set similar CSS for it.

 

HTH,

-Alex

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 7:42 PM
To: [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It looks like it is better to disable scrollbar for quick fix.

How can i disable ?

9.06.2020 04:52 tarihinde Alex Harui yazdı:

In the Flex version, would the 5 images overflow the width of the column or is the column size fixed width?

 

It might be that the default scrollpolicy for one of the containers is not the same as in Flex, or that there is a slight difference in size such that images overflow the height causing scrollbars that then overflow the width.  Again, the debugger should provide clues.

 

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:54 PM
To: Alex Harui [hidden email], [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

The column shows images according to the state of the job and it is not fixed.

It may show 1 or more images up to 5 or something horizontally lined.

8.06.2020 23:27 tarihinde Alex Harui yazdı:

It depends on who is showing scrollbars.  Looks like there are several layers.   I would check the HTML DOM and see what elements are too big and why.

 

HTH,

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:19 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It was solved with "width="150" maxWidth="250" in flex.

"Manage"  is nested component in adg:

                <mx:AdvancedDataGridColumn headerText="{resourceManager.getString('messages', 'manageGrid')}" width="150" id="mngColumn">
                    <mx:itemRenderer>
                        <fx:Component>
                            <jobdetail:PinaraJobListGridManageColumn selectedGroupId="1" /> <!--RO: {outerDocument.selectedGroupId} -->
                        </fx:Component>
                    </mx:itemRenderer>
                </mx:AdvancedDataGridColumn>



PinaraJobListGridManageColumn  is MXAdvancedDataGridItemRenderer

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.apache.org/royale/spark"
                    clipAndEnableScrolling="true"
                    xmlns:mx="library://ns.apache.org/royale/mx" xmlns:jobmanager="com.likya.pinara.services.jobmanager.*"
                    xmlns:jobdetail="com.likya.pinara.comps.jobdetail.*">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
   
    <fx:Script>
        <![CDATA[
           
            [Bindable]
            public var selectedGroupId:String;
           
        ]]>
    </fx:Script>
   
    <jobdetail:ManageButtonGroup id="manageButtonGroup" data="{data}" selectedGroupId="{selectedGroupId}" />
   
</s:MXAdvancedDataGridItemRenderer>


I do not want to play with css for now. How can I do it with ScrollPolicy or may be it is better to change height while scroll bar is displayed ?

Thanks
Serkan

8.06.2020 19:05 tarihinde Alex Harui yazdı:

What is the renderer for the Manage column?  If you don’t need scrollbars you should be able to turn them off either via ScrollPolicy or via custom CSS.

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 8:13 AM
To: [hidden email] [hidden email]
Subject: hscroll bar for adg hides the content

 

Hi,

for the "Manage" column the scroll bar hides the content.



should have been something like that :



if it is not a simple case i may create an issue.

Thanks,
Serkan
























 



Reply | Threaded
Open this post in threaded view
|

Re: hscroll bar for adg hides the content

serkan
Actually I did not missed Greg's point.  May I should have mentioned that.

Anyway, I meant that it does not matter what is written in Style. I am going to try your debugging advises to check what is going on and inform you.

Thanks Alex,
Serkan

12.06.2020 19:51 tarihinde Alex Harui yazdı:

You may have missed Greg’s correction earlier in this thread.  It should be overflow:hidden, although it looks like “none” does work in some browsers.

 

If you inspect the renderer, the browser inspector should show you what style declarations apply to the element.   Using an fx:Style should create a style declaration in the .css output and should show up in the inspector as applying to the renderer.  But because we can see that the inspector showed that there is an “overflow: auto” in the styles attribute for the element, that means that some code is setting a property that applies that style (which overrides the style declaration).  The only code I see that would do that is the clipAndEnableScrolling property being set to true.  Try setting a breakpoint in the spark.components.supportClasses.GroupBase  set__clipAndEnableScrolling setter and see who calls it.

 

HTH,

-Alex

 

 

 

From: serkan [hidden email]
Date: Friday, June 12, 2020 at 12:32 AM
To: Alex Harui [hidden email], [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

I added the declaration in to the main application mxml.

    <fx:Style>
        .MXAdvancedDataGridItemRenderer {
            overflow:none;
        }
    </fx:Style>







But I can not see any effect. When I change the value manually in source view, scrollbar disappears.





may i missing something Alex ?

Thanks,
Serkan

10.06.2020 09:35 tarihinde Alex Harui yazdı:

Thanks for catching that.

 

From: Greg Dove [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Tuesday, June 9, 2020 at 11:19 PM
To: [hidden email] [hidden email]
Cc: serkan [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

Just a quick note.

 

I think that should probably be:

overflow:hidden; 

 

instead of 'none'

'none' is an option for display, but I don't think for overflow.

'hidden' is sort of close to clipContent=true, I think

 

the other options are scroll, auto and visible iirc

 

 

 

On Wed, Jun 10, 2020 at 5:27 PM Alex Harui <[hidden email]> wrote:

You can add it to an existing .css file, or add it in an <fx:Style> tag

 

From: serkan <[hidden email]>
Date: Tuesday, June 9, 2020 at 10:19 PM
To: Alex Harui <[hidden email]>, "[hidden email]" <[hidden email]>
Subject: Re: hscroll bar for adg hides the content

 

Where should I add css definition ?

.MXAdvancedDataGridItemRenderer {

  overflow:none;

}

Thanks.

9.06.2020 09:55 tarihinde Alex Harui yazdı:

Sorry, pushed it to the wrong branch.  Hopefully I got it right this time.

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 11:52 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

i updated repo but no changes related with the issue. your latest commit is aboud DateChooser.

9.06.2020 06:14 tarihinde Alex Harui yazdı:

It depends on which containers are showing scrollbars.  I just pushed a changes so that if it is MXAdvancedDataGridItemRenderer that is the problem, you can add CSS like

 

.MXAdvancedDataGridItemRenderer {

  overflow:none;

}

 

If it is one of your other custom components, you may want to set the className property and set similar CSS for it.

 

HTH,

-Alex

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 7:42 PM
To: [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It looks like it is better to disable scrollbar for quick fix.

How can i disable ?

9.06.2020 04:52 tarihinde Alex Harui yazdı:

In the Flex version, would the 5 images overflow the width of the column or is the column size fixed width?

 

It might be that the default scrollpolicy for one of the containers is not the same as in Flex, or that there is a slight difference in size such that images overflow the height causing scrollbars that then overflow the width.  Again, the debugger should provide clues.

 

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:54 PM
To: Alex Harui [hidden email], [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

The column shows images according to the state of the job and it is not fixed.

It may show 1 or more images up to 5 or something horizontally lined.

8.06.2020 23:27 tarihinde Alex Harui yazdı:

It depends on who is showing scrollbars.  Looks like there are several layers.   I would check the HTML DOM and see what elements are too big and why.

 

HTH,

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:19 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It was solved with "width="150" maxWidth="250" in flex.

"Manage"  is nested component in adg:

                <mx:AdvancedDataGridColumn headerText="{resourceManager.getString('messages', 'manageGrid')}" width="150" id="mngColumn">
                    <mx:itemRenderer>
                        <fx:Component>
                            <jobdetail:PinaraJobListGridManageColumn selectedGroupId="1" /> <!--RO: {outerDocument.selectedGroupId} -->
                        </fx:Component>
                    </mx:itemRenderer>
                </mx:AdvancedDataGridColumn>



PinaraJobListGridManageColumn  is MXAdvancedDataGridItemRenderer

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.apache.org/royale/spark"
                    clipAndEnableScrolling="true"
                    xmlns:mx="library://ns.apache.org/royale/mx" xmlns:jobmanager="com.likya.pinara.services.jobmanager.*"
                    xmlns:jobdetail="com.likya.pinara.comps.jobdetail.*">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
   
    <fx:Script>
        <![CDATA[
           
            [Bindable]
            public var selectedGroupId:String;
           
        ]]>
    </fx:Script>
   
    <jobdetail:ManageButtonGroup id="manageButtonGroup" data="{data}" selectedGroupId="{selectedGroupId}" />
   
</s:MXAdvancedDataGridItemRenderer>


I do not want to play with css for now. How can I do it with ScrollPolicy or may be it is better to change height while scroll bar is displayed ?

Thanks
Serkan

8.06.2020 19:05 tarihinde Alex Harui yazdı:

What is the renderer for the Manage column?  If you don’t need scrollbars you should be able to turn them off either via ScrollPolicy or via custom CSS.

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 8:13 AM
To: [hidden email] [hidden email]
Subject: hscroll bar for adg hides the content

 

Hi,

for the "Manage" column the scroll bar hides the content.



should have been something like that :



if it is not a simple case i may create an issue.

Thanks,
Serkan
























 




Reply | Threaded
Open this post in threaded view
|

Re: hscroll bar for adg hides the content

serkan
Hi Alex,

Here is the call stack :



Thanks,
Serkan

12.06.2020 21:55 tarihinde serkan yazdı:
Actually I did not missed Greg's point.  May I should have mentioned that.

Anyway, I meant that it does not matter what is written in Style. I am going to try your debugging advises to check what is going on and inform you.

Thanks Alex,
Serkan

12.06.2020 19:51 tarihinde Alex Harui yazdı:

You may have missed Greg’s correction earlier in this thread.  It should be overflow:hidden, although it looks like “none” does work in some browsers.

 

If you inspect the renderer, the browser inspector should show you what style declarations apply to the element.   Using an fx:Style should create a style declaration in the .css output and should show up in the inspector as applying to the renderer.  But because we can see that the inspector showed that there is an “overflow: auto” in the styles attribute for the element, that means that some code is setting a property that applies that style (which overrides the style declaration).  The only code I see that would do that is the clipAndEnableScrolling property being set to true.  Try setting a breakpoint in the spark.components.supportClasses.GroupBase  set__clipAndEnableScrolling setter and see who calls it.

 

HTH,

-Alex

 

 

 

From: serkan [hidden email]
Date: Friday, June 12, 2020 at 12:32 AM
To: Alex Harui [hidden email], [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

I added the declaration in to the main application mxml.

    <fx:Style>
        .MXAdvancedDataGridItemRenderer {
            overflow:none;
        }
    </fx:Style>







But I can not see any effect. When I change the value manually in source view, scrollbar disappears.





may i missing something Alex ?

Thanks,
Serkan

10.06.2020 09:35 tarihinde Alex Harui yazdı:

Thanks for catching that.

 

From: Greg Dove [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Tuesday, June 9, 2020 at 11:19 PM
To: [hidden email] [hidden email]
Cc: serkan [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

Just a quick note.

 

I think that should probably be:

overflow:hidden; 

 

instead of 'none'

'none' is an option for display, but I don't think for overflow.

'hidden' is sort of close to clipContent=true, I think

 

the other options are scroll, auto and visible iirc

 

 

 

On Wed, Jun 10, 2020 at 5:27 PM Alex Harui <[hidden email]> wrote:

You can add it to an existing .css file, or add it in an <fx:Style> tag

 

From: serkan <[hidden email]>
Date: Tuesday, June 9, 2020 at 10:19 PM
To: Alex Harui <[hidden email]>, "[hidden email]" <[hidden email]>
Subject: Re: hscroll bar for adg hides the content

 

Where should I add css definition ?

.MXAdvancedDataGridItemRenderer {

  overflow:none;

}

Thanks.

9.06.2020 09:55 tarihinde Alex Harui yazdı:

Sorry, pushed it to the wrong branch.  Hopefully I got it right this time.

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 11:52 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

i updated repo but no changes related with the issue. your latest commit is aboud DateChooser.

9.06.2020 06:14 tarihinde Alex Harui yazdı:

It depends on which containers are showing scrollbars.  I just pushed a changes so that if it is MXAdvancedDataGridItemRenderer that is the problem, you can add CSS like

 

.MXAdvancedDataGridItemRenderer {

  overflow:none;

}

 

If it is one of your other custom components, you may want to set the className property and set similar CSS for it.

 

HTH,

-Alex

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 7:42 PM
To: [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It looks like it is better to disable scrollbar for quick fix.

How can i disable ?

9.06.2020 04:52 tarihinde Alex Harui yazdı:

In the Flex version, would the 5 images overflow the width of the column or is the column size fixed width?

 

It might be that the default scrollpolicy for one of the containers is not the same as in Flex, or that there is a slight difference in size such that images overflow the height causing scrollbars that then overflow the width.  Again, the debugger should provide clues.

 

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:54 PM
To: Alex Harui [hidden email], [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

The column shows images according to the state of the job and it is not fixed.

It may show 1 or more images up to 5 or something horizontally lined.

8.06.2020 23:27 tarihinde Alex Harui yazdı:

It depends on who is showing scrollbars.  Looks like there are several layers.   I would check the HTML DOM and see what elements are too big and why.

 

HTH,

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:19 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It was solved with "width="150" maxWidth="250" in flex.

"Manage"  is nested component in adg:

                <mx:AdvancedDataGridColumn headerText="{resourceManager.getString('messages', 'manageGrid')}" width="150" id="mngColumn">
                    <mx:itemRenderer>
                        <fx:Component>
                            <jobdetail:PinaraJobListGridManageColumn selectedGroupId="1" /> <!--RO: {outerDocument.selectedGroupId} -->
                        </fx:Component>
                    </mx:itemRenderer>
                </mx:AdvancedDataGridColumn>



PinaraJobListGridManageColumn  is MXAdvancedDataGridItemRenderer

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.apache.org/royale/spark"
                    clipAndEnableScrolling="true"
                    xmlns:mx="library://ns.apache.org/royale/mx" xmlns:jobmanager="com.likya.pinara.services.jobmanager.*"
                    xmlns:jobdetail="com.likya.pinara.comps.jobdetail.*">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
   
    <fx:Script>
        <![CDATA[
           
            [Bindable]
            public var selectedGroupId:String;
           
        ]]>
    </fx:Script>
   
    <jobdetail:ManageButtonGroup id="manageButtonGroup" data="{data}" selectedGroupId="{selectedGroupId}" />
   
</s:MXAdvancedDataGridItemRenderer>


I do not want to play with css for now. How can I do it with ScrollPolicy or may be it is better to change height while scroll bar is displayed ?

Thanks
Serkan

8.06.2020 19:05 tarihinde Alex Harui yazdı:

What is the renderer for the Manage column?  If you don’t need scrollbars you should be able to turn them off either via ScrollPolicy or via custom CSS.

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 8:13 AM
To: [hidden email] [hidden email]
Subject: hscroll bar for adg hides the content

 

Hi,

for the "Manage" column the scroll bar hides the content.



should have been something like that :



if it is not a simple case i may create an issue.

Thanks,
Serkan
























 





Reply | Threaded
Open this post in threaded view
|

Re: hscroll bar for adg hides the content

serkan
Alex, I removed clipAndEnableScrolling="true" which was overriding the setting.

It looks like the scrollbar is enabled not because of the images but especially because of the spacing before and after the image group.



I am going to work on how to remove paddings.

Thanks,
Serkan

13.06.2020 09:04 tarihinde serkan yazdı:
Hi Alex,

Here is the call stack :



Thanks,
Serkan

12.06.2020 21:55 tarihinde serkan yazdı:
Actually I did not missed Greg's point.  May I should have mentioned that.

Anyway, I meant that it does not matter what is written in Style. I am going to try your debugging advises to check what is going on and inform you.

Thanks Alex,
Serkan

12.06.2020 19:51 tarihinde Alex Harui yazdı:

You may have missed Greg’s correction earlier in this thread.  It should be overflow:hidden, although it looks like “none” does work in some browsers.

 

If you inspect the renderer, the browser inspector should show you what style declarations apply to the element.   Using an fx:Style should create a style declaration in the .css output and should show up in the inspector as applying to the renderer.  But because we can see that the inspector showed that there is an “overflow: auto” in the styles attribute for the element, that means that some code is setting a property that applies that style (which overrides the style declaration).  The only code I see that would do that is the clipAndEnableScrolling property being set to true.  Try setting a breakpoint in the spark.components.supportClasses.GroupBase  set__clipAndEnableScrolling setter and see who calls it.

 

HTH,

-Alex

 

 

 

From: serkan [hidden email]
Date: Friday, June 12, 2020 at 12:32 AM
To: Alex Harui [hidden email], [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

I added the declaration in to the main application mxml.

    <fx:Style>
        .MXAdvancedDataGridItemRenderer {
            overflow:none;
        }
    </fx:Style>







But I can not see any effect. When I change the value manually in source view, scrollbar disappears.





may i missing something Alex ?

Thanks,
Serkan

10.06.2020 09:35 tarihinde Alex Harui yazdı:

Thanks for catching that.

 

From: Greg Dove [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Tuesday, June 9, 2020 at 11:19 PM
To: [hidden email] [hidden email]
Cc: serkan [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

Just a quick note.

 

I think that should probably be:

overflow:hidden; 

 

instead of 'none'

'none' is an option for display, but I don't think for overflow.

'hidden' is sort of close to clipContent=true, I think

 

the other options are scroll, auto and visible iirc

 

 

 

On Wed, Jun 10, 2020 at 5:27 PM Alex Harui <[hidden email]> wrote:

You can add it to an existing .css file, or add it in an <fx:Style> tag

 

From: serkan <[hidden email]>
Date: Tuesday, June 9, 2020 at 10:19 PM
To: Alex Harui <[hidden email]>, "[hidden email]" <[hidden email]>
Subject: Re: hscroll bar for adg hides the content

 

Where should I add css definition ?

.MXAdvancedDataGridItemRenderer {

  overflow:none;

}

Thanks.

9.06.2020 09:55 tarihinde Alex Harui yazdı:

Sorry, pushed it to the wrong branch.  Hopefully I got it right this time.

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 11:52 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

i updated repo but no changes related with the issue. your latest commit is aboud DateChooser.

9.06.2020 06:14 tarihinde Alex Harui yazdı:

It depends on which containers are showing scrollbars.  I just pushed a changes so that if it is MXAdvancedDataGridItemRenderer that is the problem, you can add CSS like

 

.MXAdvancedDataGridItemRenderer {

  overflow:none;

}

 

If it is one of your other custom components, you may want to set the className property and set similar CSS for it.

 

HTH,

-Alex

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 7:42 PM
To: [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It looks like it is better to disable scrollbar for quick fix.

How can i disable ?

9.06.2020 04:52 tarihinde Alex Harui yazdı:

In the Flex version, would the 5 images overflow the width of the column or is the column size fixed width?

 

It might be that the default scrollpolicy for one of the containers is not the same as in Flex, or that there is a slight difference in size such that images overflow the height causing scrollbars that then overflow the width.  Again, the debugger should provide clues.

 

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:54 PM
To: Alex Harui [hidden email], [hidden email] [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

The column shows images according to the state of the job and it is not fixed.

It may show 1 or more images up to 5 or something horizontally lined.

8.06.2020 23:27 tarihinde Alex Harui yazdı:

It depends on who is showing scrollbars.  Looks like there are several layers.   I would check the HTML DOM and see what elements are too big and why.

 

HTH,

-Alex

 

From: serkan [hidden email]
Date: Monday, June 8, 2020 at 1:19 PM
To: [hidden email] [hidden email], Alex Harui [hidden email]
Subject: Re: hscroll bar for adg hides the content

 

It was solved with "width="150" maxWidth="250" in flex.

"Manage"  is nested component in adg:

                <mx:AdvancedDataGridColumn headerText="{resourceManager.getString('messages', 'manageGrid')}" width="150" id="mngColumn">
                    <mx:itemRenderer>
                        <fx:Component>
                            <jobdetail:PinaraJobListGridManageColumn selectedGroupId="1" /> <!--RO: {outerDocument.selectedGroupId} -->
                        </fx:Component>
                    </mx:itemRenderer>
                </mx:AdvancedDataGridColumn>



PinaraJobListGridManageColumn  is MXAdvancedDataGridItemRenderer

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.apache.org/royale/spark"
                    clipAndEnableScrolling="true"
                    xmlns:mx="library://ns.apache.org/royale/mx" xmlns:jobmanager="com.likya.pinara.services.jobmanager.*"
                    xmlns:jobdetail="com.likya.pinara.comps.jobdetail.*">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
   
    <fx:Script>
        <![CDATA[
           
            [Bindable]
            public var selectedGroupId:String;
           
        ]]>
    </fx:Script>
   
    <jobdetail:ManageButtonGroup id="manageButtonGroup" data="{data}" selectedGroupId="{selectedGroupId}" />
   
</s:MXAdvancedDataGridItemRenderer>


I do not want to play with css for now. How can I do it with ScrollPolicy or may be it is better to change height while scroll bar is displayed ?

Thanks
Serkan

8.06.2020 19:05 tarihinde Alex Harui yazdı:

What is the renderer for the Manage column?  If you don’t need scrollbars you should be able to turn them off either via ScrollPolicy or via custom CSS.

 

From: serkan [hidden email]
Reply-To: [hidden email] [hidden email]
Date: Monday, June 8, 2020 at 8:13 AM
To: [hidden email] [hidden email]
Subject: hscroll bar for adg hides the content

 

Hi,

for the "Manage" column the scroll bar hides the content.



should have been something like that :



if it is not a simple case i may create an issue.

Thanks,
Serkan
























 






12