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