Horizontal grid lines color in a spark List

Hello,
How to change horizontal grid lines color in a spark List using css
Thanks

Similar Messages

Printing Horizontal Grid lines while Printing

Hi,
I am using the ALV to print some data, where in after printing I am able to see only the vertical grid lines and not the horizontal grid lines between each row. can somebody throw inputs on this as how to acheive the same. will appreciate for quick responses.
Jagath.

Hi,
I guess Sorting should help you to print Horizontal lines.
Sri.

Won't print all the horizontal grid lines

The printer won't print all my horizontal lines on a spreadsheet.

Do a print preview, and if the lines are missing in the preview, then it's the sreadsheet app, or setting in the spreadsheet. If the preview has the lines but not on the printout, it could be the printhead had a nozzle or two clogged, try "clean printhead" in the tools menu.

Printing excel grid lines

I just installed an HP All-in -One Desket printer, Envy 3350. I downloaded the software from the WEB as instructed. When I print an Excel spreadsheet with print grid lines selected, only everyother horizontal grid line is printed. All vertical grid lines print as expected. I have Windows Vista Home Premium as my operating system. I had no such issue with my previous DELL printer. I suspect there is a selection in one of the set-up options that needs to be checked/changed. I have tried to find such an option, but have not been successful. Any suggestions??

Hello,
Please click Printing Excel Gridlines Office 2007 to access the steps that should resolve the issue .
Regards,
Jabzi
Give Kudos to say "thanks" by clicking on the "thumps Up icon" .
Click "Accept as Solution" if it solved your problem, so others can find it.
Although I am an HP employee, I am speaking for myself and not for HP.

Wrap long lines in a Spark List component?

I have a Spark List.
The text for each entry is on one line, and is too long to fit.
Can I get it to break to as many lines as needed without a custom item renderer?

If you define an explicit width on the SimpleText in the DefaultItemRenderer you can get this behavior.
Here is an example of this using an inline ItemRenderer:
<s:Application
     xmlns:fx="http://ns.adobe.com/mxml/2009"
     xmlns:s="library://ns.adobe.com/flex/spark"
     xmlns:mx="library://ns.adobe.com/flex/halo">
    <s:List width="50" height="200">
        <s:ArrayList>
            <fx:String>a</fx:String>
            <fx:String>b</fx:String>
            <fx:String>c c c c c c c c c c c c</fx:String>
            <fx:String>d</fx:String>
            <fx:String>e</fx:String>
        </s:ArrayList>
        
        <s:itemRenderer>
            <fx:Component>
                <s:ItemRenderer focusEnabled="false">
                    <fx:Script>
                        <![CDATA[
                            override public function set label(value:String):void
                                super.label = value;
                                labelDisplay.text = label;
                        ]]>
                    </fx:Script>
                    <s:states>
                        <s:State name="normal" />
                        <s:State name="hovered" />
                        <s:State name="selected" />
                        <s:State name="normalAndShowsCaret"/>
                        <s:State name="hoveredAndShowsCaret"/>
                        <s:State name="selectedAndShowsCaret"/>
                    </s:states>
                    <s:Rect left="0" right="0" top="0" bottom="0">
                        <s:stroke.normalAndShowsCaret>
                            <s:SolidColorStroke
                                color="{selectionColor}"
                                weight="1"/>
                        </s:stroke.normalAndShowsCaret>
                        <s:stroke.hoveredAndShowsCaret>
                            <s:SolidColorStroke
                                color="{selectionColor}"
                                weight="1"/>
                        </s:stroke.hoveredAndShowsCaret>
                        <s:stroke.selectedAndShowsCaret>
                            <s:SolidColorStroke
                                color="{selectionColor}"
                                weight="1"/>
                        </s:stroke.selectedAndShowsCaret>
                        <s:fill>
                            <s:SolidColor
                                color.normal="{contentBackgroundColor}"
                                color.normalAndShowsCaret="{contentBackgroundColor}"
                                color.hovered="{rollOverColor}"
                                color.hoveredAndShowsCaret="{rollOverColor}"
                                color.selected="{selectionColor}"
                                color.selectedAndShowsCaret="{selectionColor}"
                                />
                        </s:fill>
                    </s:Rect>
                    
                    <s:SimpleText id="labelDisplay" verticalCenter="0" width="48" top="6" bottom="4"/>
                </s:ItemRenderer>
            </fx:Component>
        </s:itemRenderer>
    </s:List>
</s:Application>

Laserjet Pro 200 Color Printing Horizontal Red Lines

When I print in color, I get horizontal red lines across my page. When I print in black and white, it doesn't happen. I've cleaned & calaborated the printer & it's still doing this. Can anyone help?

Hi @kjatc,
I see that you are getting red horizontal lines when printing in color. I would really like to be able to help you resolve this issue today.
I would do a hard reset to see if will help.
Leave the printer on and unplug the power cable from the printer and wall outlet for 60 seconds.
Then reconnect the power cable to the printer and wall outlet rather than a surge protector.
This ensures the printer is receiving full power and may help this situation.
I have provided a document with the steps for calibrating and cleaning the toners, printing a Print Quality page, inspecting the toner for damage, checking the paper and driver settings to see if this will resolve the issue. Some of the steps you have already tried, but please try the other steps listed. Troubleshooting Print Quality Issues.
Print a Diagnostics Page: Go to Setup, Reports Menu, Diagnostics Page.
Update the printer's firmware. Software and Drivers. Select Go under Option 2.
Are you using Genuine HP Toner?
What are the toner levels?
What were the results of the Print Quality Page and Diagnostics Page?
This will help determine if it is just one specific toner, possibly a fuser or hardware issue with the toner. Feel free to include a screen shot of both pages.
If you appreciate my efforts, please click the Thumbs up button below.
Please let me know the results. Thank You.
Please click “Accept as Solution ” if you feel my post solved your issue, it will help others find the solution.
Click the “Kudos Thumbs Up" on the right to say “Thanks” for helping!
Gemini02
I work on behalf of HP

Spark DataGrid - Turn off separators (grid lines) while using Grid itemRenderer?

I have a spark dataGrid. We have to use an itemRenderer to format numbers and column colors. When I apply a Data Grid Skin to remove the separtors (grid lines), the grid lines remain? It seems you can't have an itemRenderer and a Grid Skin at the same time ?? That sounds kind of foolish, however that's what I'm seeing?!?!
So, how can I get rid of the grid lines (separators) while using itemRenderers as well?

See http://forums.adobe.com/message/3795887.

Adding only a horizontal scrollbar to a Spark List

I have a Spark list which may be wider than the application container. I want to have a horizontal scrollbar if and only if the content is wider than the screen.
<s:List id="timeline" itemRenderer="com.thismoment.TimeLineRenderer"
            contentBackgroundAlpha="0" borderVisible="false">
        <s:layout>
            <s:HorizontalLayout clipAndEnableScrolling="true" />
        </s:layout>
    </s:List>
With this code, I get a vertical scrollbar as well. I only want horizontal.

hi,
In your list create a custom skin, then find the scroller line in your new skin and add verticalScrollPolicy="Off"
    <s:Scroller left="0" top="0" right="0" bottom="0" id="scroller" minViewportInset="1" hasFocusableChildren="false" verticalScrollPolicy="off">
David

Change Color from grid lines in Flash 2D Line Chart

Hi,
does anybody know how to change the color from the grid lines in 2D Line Chart?
The color is always black (000000), I will use gray (CCCCCC).
I can use a custom XML. Can you give me an example please???
Where can I read something about the possible XML-Tags in Custom XML for Charts?
Best regards
Simona

Simona,
anychart.com has XML reference you can use for the charting engine in APEX.
Try using custom XML and sticking this inside the grid > values tag:
<lines color='0xCCCCCC' />- Marco

Spark list horizontal scroller doesn't actualize when rows is set lesser than list container

Hello,
The size of the Image control is set larger than that of its parent Group container. By default, the child extends past the boundaries of the parent container. Rather than allow the child to extend past the boundaries of the parent container, the Scroller specifies to clip the child to the boundaries and display scroll bars.
In the spark list, when I change the list dataProvider and the size of the Image control is set lesser than that of its parent Group container, the horizontal scroller doesn't actualize.
thanks.


<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" applicationComplete="comp()" width="260" height="400">
    <fx:Script>
        <![CDATA[
    import mx.collections.*;
    public var dpArray:Array;
    [Bindable]
    public var dpCol:ArrayCollection;
    public function handleClick():void {
        dpCol.removeAll();
        dpCol.addItem({ label:"spark test" });
        dpCol.addItem({ label:"spark text" });
    public function comp():void {
        dpCol = new ArrayCollection(dpArray);
        dpCol.addItem({ label:"spark list horizontal scroller doesn't actualize when rows is set lesser than list container" });
        dpCol.addItem({ label:"spark test" });
        dpCol.addItem({ label:"spark text" });
         ]]>
    </fx:Script>
    <s:Panel title="List">
        <s:VGroup left="20" right="20" top="20" bottom="20">
            <s:List width="200" id="lis" dataProvider="{dpCol}" height="120"/>
            <s:Button id="button1" label="Click here!" width="100" fontSize="12" click="handleClick();"/>
        </s:VGroup>
    </s:Panel>
</s:Application>

Replace horizontal scroll in a spark list?

I've gotten myself confused...
1. I create a new component based on Spark List, "MyList.mxml"
2. I open it, and in design view I say "create copy of skin"
3. I open ListSkin1.mxml.
I want to replace the scroll bar with a custom skinned one. I am not sure where to do this...
1. I create a new component based on HScrollBar "MyScrollbar.mxml"
Now what? Where so I specify in the List component -- or its skin -- do I specify the new scroll bar?

OK, this is a little crude, but seems to work (and was a lot less complex than I initially thought). My main app looks like this:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/halo">
    <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        s|List s|Scroller {
            horizontalScrollPolicy: on;
            verticalScrollPolicy: on;
        s|List s|HScrollBar {
            skinClass: ClassReference("TrackThumbOnlyHSBSkin");
    </fx:Style>
    <s:List id="list" width="100" height="100" horizontalCenter="0" verticalCenter="0">
        <s:dataProvider>
            <s:ArrayList>
                <fx:Object label="The quick brown fox jumps over the lazy dog" />
                <fx:Object label="One" />
                <fx:Object label="Two" />
                <fx:Object label="Three" />
                <fx:Object label="Four" />
                <fx:Object label="Five" />
                <fx:Object label="Six" />
                <fx:Object label="Seven" />
                <fx:Object label="Eight" />
                <fx:Object label="Nine" />
            </s:ArrayList>
        </s:dataProvider>
    </s:List>
</s:Application>
And my custom HScrollBar skin, TrackThumbOnlyHSBSkin.mxml, is as follows:
<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
             xmlns:s="library://ns.adobe.com/flex/spark"
             xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
             minWidth="35" minHeight="15"
             alpha.disabled="0.5" alpha.inactive="0.5">
    <s:states>
        <s:State name="normal" />
        <s:State name="disabled" />
        <s:State name="inactive" />
    </s:states>
    <fx:Metadata>
        <![CDATA[
        [HostComponent("spark.components.HScrollBar")]
        ]]>
    </fx:Metadata>
    <fx:Script fb:purpose="styling">
        <![CDATA[
            /* Define the skin elements that should not be colorized.
            For scroll bar, the skin itself is colorized but the individual parts are not. */
            static private const exclusions:Array = ["track", "thumb"];
            override public function get colorizeExclusions():Array {
                return exclusions;
            override protected function initializationComplete():void {
                useBaseColor = true;
                super.initializationComplete();
        ]]>
    </fx:Script>
    
    <s:Button id="track" left="0" right="0" width="54"
              focusEnabled="false"
              skinClass="spark.skins.spark.HScrollBarTrackSkin"
              baseColor="haloGreen"/>
    
    <s:Button id="thumb"
              focusEnabled="false" visible.inactive="false"
              skinClass="spark.skins.spark.HScrollBarThumbSkin"
              baseColor="haloBlue"/>
</s:SparkSkin>
So I was wrong. I didnt need a custom List skin, or Scroller skin... just the one custom HScrollBar skin (and presumably a custom VScrollBar skin -- and possibly more skins depending on how custom you want the scrollbar left/right top/bottom buttons and/or thumb/track skins).
Peter

How do i set spark list selected item's color??

hey guys... so got a little problem... i have a spark list which gets populated from a array collection that looks likda like this
[0] = "name1"
[1] = "name 2"
[2] = "name 3"
when i click on say "name 1" i need the color of "name 1" to change to say red...
and when i click on another item i need that color to stay... red on "name 1"...
oh and... i need to do the color change in actionscript rather than the mxml file...
any ideas???

Hi,
I'm not sure if this is exactly what you are looking for. What I did was created an itemRender for the list and assigned it like so
<s:List dataProvider="{ listDataProvider}" itemRenderer="listItemRenderer"/>
And the listItemRenderer will look some
//Code Begins
<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                          xmlns:s="library://ns.adobe.com/flex/spark"
                          xmlns:mx="library://ns.adobe.com/flex/mx"
                          focusEnabled="true" >
    <fx:Script>
        <![CDATA[
            var clicked:Boolean=true;
            protected function clickHandler(event:MouseEvent):void
                    clicked?labelRender.setStyle("color","0x00FF00"):labelRender.setStyle("color","0xFF0000") ;
                    clicked=!clicked;
        ]]>
    </fx:Script>
    <s:Label id="labelRender" text="{data}" color="0xFF0000" click="clickHandler(event)"/>
</s:ItemRenderer>
//Code Ends
In the above example the colour toggles on each click. So, you can apply anything. assume you have a property called color in your array collection, you can access it as data.color and then set the text to that color when it is clicked. I hope this helps. Do write back if you have any issues.
Nishad

How to display grid lines in list view please help

Hello,
What should I do if I would like do display grid lines in list view. I've read related topics but I stil don't know how to do it. I use Sharepoint Designer. Please help
Regards

Hi,
You need to modify default XSLT of listview webpart. Open your page in designer and use below jquery.
<!–ADJUST TABLE COLUMN WIDTH–>
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js“></script>
<script>
$(function(){
$(“tr.ms-viewheadertr th:contains(‘Title’)”, “#MSO_ContentTable”).css(“width”, “50px”);
$(“tr.ms-viewheadertr th:contains(‘Assigned To’)”, “#MSO_ContentTable”).css(“width”, “300px”);
</script>
Check this for more info about steps:
http://jshidell.com/2010/09/19/adjusting-sharepoint-list-columns-using-jquery/
You can also look into this MSDN article for more customization:
http://msdn.microsoft.com/en-us/library/ff630941.aspx#odc_sp14_qn_UsingSharePointDesigner2010WorkwithWebParts_CreateXSLTListViewWebPart.
Hope it could help
Cheers, Hemendra-MCTS "Yesterday is just a memory,Tomorrow we may never see"

Spark list, scroller horizontal ne s'adapte pas à la largeur du texte

Bonjour,
dans un composant spark list, le barre de défilement horizonta s'affiche si le texte est plus large que la taille de la liste, si je modifie ma liste et que le texte est inférieur à la taille de la liste la barre de défilement horizontal devrait disparaître or ce n'est pas le cas, il garde la taille précédente, existe-il un moyen de forcer sa réactualisation.
merci

Bonjour,
dans un composant spark list, le barre de défilement horizonta s'affiche si le texte est plus large que la taille de la liste, si je modifie ma liste et que le texte est inférieur à la taille de la liste la barre de défilement horizontal devrait disparaître or ce n'est pas le cas, il garde la taille précédente, existe-il un moyen de forcer sa réactualisation.
merci

Animated Horizontal Spark List

Hello,
how could I animate a Horizontal Spark List and enable the Mouse-Wheel for it ?
I like to scroll with the intervall size of the page, to get started with it I enabled snapping and set the stepsize to thewidth of the itemRenderer/List.
How to animate this now ?
http://wensauer.info/flex/AnimatedHorizontalSparkList/ (view source enabled)
As you can see when you reach the last item and keep scrolling there is some pixels overhead so that you can scroll the content freely.
How to fix this ?
Colclusion:
* how to enable mousewheell for the horizontal scroller (swap function with the vertical?)
* how to animate a spark list
* how to remove pixel overhead
Any Help is welcome!
Marc

Ok,
I solved some questions myself.
It is working so far to a certain extend.
When I scroll to fast with the mouse wheel the auxilary slider gets out of sync with the List.
Is there a way to only start a new animation once the current is finished ? can I lock it somehow or put them into a queue?
http://www.wensauer.info/flex/AnimatedHorizontalSparkListII/
The best way woulkd be that I can use the scrollbar of the scroller, but when I enable snapping, the animation isnt working anymore.
Idea ? Noone ?

Horizontal grid lines color in a spark List

Similar Messages

Maybe you are looking for