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 <ser...@likyateknoloji.com>
Date: Friday, June 12, 2020 at 12:32 AM
To: Alex Harui <aha...@adobe.com>, "users@royale.apache.org" 
<users@royale.apache.org>
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>

[cid:image001.png@01D6409E.FEEBE050]


[cid:image002.png@01D6409E.FEEBE050]

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

[cid:image003.png@01D6409E.FEEBE050]

[cid:image004.png@01D6409E.FEEBE050]

may i missing something Alex ?

Thanks,
Serkan
10.06.2020 09:35 tarihinde Alex Harui yazdı:
Thanks for catching that.

From: Greg Dove <greg.d...@gmail.com><mailto:greg.d...@gmail.com>
Reply-To: "users@royale.apache.org"<mailto:users@royale.apache.org> 
<users@royale.apache.org><mailto:users@royale.apache.org>
Date: Tuesday, June 9, 2020 at 11:19 PM
To: "users@royale.apache.org"<mailto:users@royale.apache.org> 
<users@royale.apache.org><mailto:users@royale.apache.org>
Cc: serkan <ser...@likyateknoloji.com><mailto:ser...@likyateknoloji.com>
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 
<aha...@adobe.com<mailto:aha...@adobe.com>> wrote:
You can add it to an existing .css file, or add it in an <fx:Style> tag

From: serkan <ser...@likyateknoloji.com<mailto:ser...@likyateknoloji.com>>
Date: Tuesday, June 9, 2020 at 10:19 PM
To: Alex Harui <aha...@adobe.com<mailto:aha...@adobe.com>>, 
"users@royale.apache.org<mailto:users@royale.apache.org>" 
<users@royale.apache.org<mailto:users@royale.apache.org>>
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 <ser...@likyateknoloji.com><mailto:ser...@likyateknoloji.com>
Date: Monday, June 8, 2020 at 11:52 PM
To: "users@royale.apache.org"<mailto:users@royale.apache.org> 
<users@royale.apache.org><mailto:users@royale.apache.org>, Alex Harui 
<aha...@adobe.com><mailto:aha...@adobe.com>
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 <ser...@likyateknoloji.com><mailto:ser...@likyateknoloji.com>
Reply-To: "users@royale.apache.org"<mailto:users@royale.apache.org> 
<users@royale.apache.org><mailto:users@royale.apache.org>
Date: Monday, June 8, 2020 at 7:42 PM
To: "users@royale.apache.org"<mailto:users@royale.apache.org> 
<users@royale.apache.org><mailto:users@royale.apache.org>
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 <ser...@likyateknoloji.com><mailto:ser...@likyateknoloji.com>
Date: Monday, June 8, 2020 at 1:54 PM
To: Alex Harui <aha...@adobe.com><mailto:aha...@adobe.com>, 
"users@royale.apache.org"<mailto:users@royale.apache.org> 
<users@royale.apache.org><mailto:users@royale.apache.org>
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 <ser...@likyateknoloji.com><mailto:ser...@likyateknoloji.com>
Date: Monday, June 8, 2020 at 1:19 PM
To: "users@royale.apache.org"<mailto:users@royale.apache.org> 
<users@royale.apache.org><mailto:users@royale.apache.org>, Alex Harui 
<aha...@adobe.com><mailto:aha...@adobe.com>
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";<https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fns.adobe.com%2Fmxml%2F2009&data=02%7C01%7Caharui%40adobe.com%7Cd4570052c4a6408bfeaf08d80ea2c471%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637275439545324695&sdata=YfIRSBis0D37RX4kKfGiHJzuAffiCG%2Fvx24v%2FN61fWE%3D&reserved=0>
                    
xmlns:s="library://ns.apache.org/royale/spark<https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fns.apache.org%2Froyale%2Fspark&data=02%7C01%7Caharui%40adobe.com%7Cd4570052c4a6408bfeaf08d80ea2c471%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637275439545324695&sdata=5K8iClfCqMFdoBzG%2FAEuhutlBZ4dJS%2B2BAG%2BNagxgt4%3D&reserved=0>"
                    clipAndEnableScrolling="true"
                    
xmlns:mx="library://ns.apache.org/royale/mx<https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fns.apache.org%2Froyale%2Fmx&data=02%7C01%7Caharui%40adobe.com%7Cd4570052c4a6408bfeaf08d80ea2c471%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637275439545334690&sdata=kOWnanYZcHKsH36%2FpcNdsiGNswgpv9ljdRfu94WHy%2Bk%3D&reserved=0>"
 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 <ser...@likyateknoloji.com><mailto:ser...@likyateknoloji.com>
Reply-To: "users@royale.apache.org"<mailto:users@royale.apache.org> 
<users@royale.apache.org><mailto:users@royale.apache.org>
Date: Monday, June 8, 2020 at 8:13 AM
To: "users@royale.apache.org"<mailto:users@royale.apache.org> 
<users@royale.apache.org><mailto:users@royale.apache.org>
Subject: hscroll bar for adg hides the content

Hi,

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

[cid:image005.png@01D6409E.FEEBE050]

should have been something like that :

[cid:image006.png@01D6409E.FEEBE050]

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

Thanks,
Serkan



























Reply via email to