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 <[email protected]>
*Date: *Friday, June 12, 2020 at 12:32 AM
*To: *Alex Harui <[email protected]>, "[email protected]"
<[email protected]>
*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 <[email protected]> <mailto:[email protected]>
*Reply-To: *"[email protected]"
<mailto:[email protected]> <[email protected]>
<mailto:[email protected]>
*Date: *Tuesday, June 9, 2020 at 11:19 PM
*To: *"[email protected]" <mailto:[email protected]>
<[email protected]> <mailto:[email protected]>
*Cc: *serkan <[email protected]>
<mailto:[email protected]>
*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 <[email protected]
<mailto:[email protected]>> wrote:
You can add it to an existing .css file, or add it in an
<fx:Style> tag
*From: *serkan <[email protected]
<mailto:[email protected]>>
*Date: *Tuesday, June 9, 2020 at 10:19 PM
*To: *Alex Harui <[email protected] <mailto:[email protected]>>,
"[email protected] <mailto:[email protected]>"
<[email protected] <mailto:[email protected]>>
*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 <[email protected]>
<mailto:[email protected]>
*Date: *Monday, June 8, 2020 at 11:52 PM
*To: *"[email protected]"
<mailto:[email protected]> <[email protected]>
<mailto:[email protected]>, Alex Harui
<[email protected]> <mailto:[email protected]>
*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 <[email protected]>
<mailto:[email protected]>
*Reply-To: *"[email protected]"
<mailto:[email protected]>
<[email protected]> <mailto:[email protected]>
*Date: *Monday, June 8, 2020 at 7:42 PM
*To: *"[email protected]"
<mailto:[email protected]>
<[email protected]> <mailto:[email protected]>
*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 <[email protected]>
<mailto:[email protected]>
*Date: *Monday, June 8, 2020 at 1:54 PM
*To: *Alex Harui <[email protected]>
<mailto:[email protected]>,
"[email protected]"
<mailto:[email protected]>
<[email protected]>
<mailto:[email protected]>
*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 <[email protected]>
<mailto:[email protected]>
*Date: *Monday, June 8, 2020 at 1:19 PM
*To: *"[email protected]"
<mailto:[email protected]>
<[email protected]>
<mailto:[email protected]>, Alex Harui
<[email protected]> <mailto:[email protected]>
*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 <[email protected]>
<mailto:[email protected]>
*Reply-To: *"[email protected]"
<mailto:[email protected]>
<[email protected]>
<mailto:[email protected]>
*Date: *Monday, June 8, 2020 at 8:13 AM
*To: *"[email protected]"
<mailto:[email protected]>
<[email protected]>
<mailto:[email protected]>
*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
