Styling lists/item renderers

Hi,
I've been using the Flash Builder 4 beta (SDK 10485) for some time and have a pretty good understanding of how styling components work. I've recently migrated a project to a retail copy of Flash Builder and have ran into a few problems regarding lists.
1: I get hover, clicked and selected states on all lists, indicated by a light blue color. I've yet to figure out how to disable/style this correctly. In the beta I used to just add a custom item renderer but that don't seem to fix the problem anymore (if I want the hover state to be ie. 4 pixels from every corner the light blue shows behind it - see link at the bottom). Have I missed something here? Where are these colors located and how do I disable them?
2: If I put lists inside of other lists (recommended in SDK 10485 instead of using repeaters) I can no longet scroll the "main" list with my mouse. This used to work in the beta and I have yet to find anything that disable this event, setting scroll policy doesnt seem to help. See example (try scrollong with the wheel over a list inside the main list)
Quick example:
http://www.yay.se/flex/list-styling/
Many thanks in advance.

Hi,
This what i managed to do. The outside list has a rollover colour of red and the inside one has one of green. (Scary choice of colours i admit, but it's just an example).
The itemrenderer code is shown below
<?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"
                autoDrawBackground="true" rollOverColor="0xFF0000">
    <s:Rect height="75" width="100"/>
    <s:List width="200" height="100" dataProvider="{data}" horizontalCenter="0" verticalCenter="0"
            itemRenderer="spark.skins.spark.DefaultItemRenderer" rollOverColor="0X00ff00"/>
</s:ItemRenderer>
I was able to scroll both lists but only after clicking to focus. I'm not sure if this is what u are looking for. Do let me know.
Nishad

Similar Messages

[svn:fx-trunk] 12552: DataGroup now tracks the indices of the active virtual item renderers with a list , rather than the min/max values.

Revision: 12552
Revision: 12552
Author:   [email protected]
Date:     2009-12-04 13:45:12 -0800 (Fri, 04 Dec 2009)
Log Message:
DataGroup now tracks the indices of the active virtual item renderers with a list, rather than the min/max values.
DataGroup/addItemRendererToDisplayList() now respects the overlay.
QE notes:
Doc notes:
Bugs: sdk-24052
Reviewer:
Tests run: DataGroup, List
Is noteworthy for integration: no
Ticket Links:
    http://bugs.adobe.com/jira/browse/sdk-24052
Modified Paths:
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/DataGroup.as

Hello Martin:
Thanks for your input. However I am not certain we have resolved this issue adequately, or understand the principles governing the css as regards this spry menu framework 2.0 (1.0).
For example, the menu only works in IE 6.0 if the css remains in the head. I agree with your original post that it shouldn't make any difference whether the css is posted in the head or in a separate style sheet (so long as specificity issues are addressed). Both should work -- and yet it doesn't.
If the CSS is placed in the separate style sheet governing the total site, it doesn't work for 6.0. If placed at the top of the style sheet, conflicts of specificity prevent the menu from rendering properly in any of the browsers causing the rules for general links to govern the menu.   This has been verified using a cross browser testing. If the styles are placed at the bottom of the style sheet to help them take precedence, they work in all the browsers except for IE 6.
The website I am building needs to support IE 6 for a variety of reasons, and because it is catering to the non-profit community and to low income persons, I am mindful of even small differences in page weight.
So for me, at least, the issue remains baffling.
I appreciate your input, but also would appreciate the input from others, and especially Adobe Community Professionals and employees. The spry framework in this regard is not well documented. I am not certain if this is exclusively a CSS problem, if it might also be complicated by the architecture of the spry framework, or if indeed other variables are at play.
I would be my hope that in resolving the problem, other users of the this particular spry framework might also benefit.
Thanks,
Steve.

How to create custom Item Renderers List for mobile?

Hi,
   I have seen many samples using List with Item Renderers (image, label, message below the label and decorator) for mobile apps.
But what I need is, I need to create a List with the below items.
Item 1. Image
Item 2. a small icon
Item 3. Label with 1 or 2 lines
Item 4. a Favourite button (like Favourites + or - button). If I like this item, I add it into my favourites list
Item 5. decorator arrow > to go the Detail view.
I am new to Adobe Flash Builder and Flex development. Can anyone show me some samples on how to do this?

Method One:
I have created simple application page and i used powershell command(Set-SPCustomLayoutsPage -Identity "AccessDenied" -RelativePath "/_layouts/ExampleAccessDenied.aspx" -WebApplication "http://DEVWEBAPPLICATION")
to change the new custom page.But it will be applied to all site collections in web application.
Method Two: I have created custom masterpage and added following script. And referred this Custom masterpage in the custom access denied page.But it Never comes to this script.
script type="text/javascript">
  _spBodyOnLoadFunctionNames.push("redirectToCustomAccDenPage");
  function redirectToCustomAccDenPage()
   if( -1 != location.href.toLowerCase().indexOf('http://yoursitename/_layouts/accessDenied.aspx') )
   var url = 'https://' + window.location.host + '/mysite/customPages/customAccessDenied.aspx';
   window.location.replace(url);
   else
   alert(location.href);
</script>
Method 3:
I have Created custom HTTP module and implemented and it is working fine. But the problem is it will be called for the all the requests in the web applicaton.
COuld you let me know alternate apporach.
Thanks
Ravi P
Ravi

Wrong numbering of elements styled with "display: list-item; list-style-type: decimal;"

Following code :
<!DOCTYPE html>
<style type="text/css">
div {
display: block;
margin-left: 2em;
span {
display: list-item;
list-style-type: decimal;
</style>
<div>
<span>first</span>
<span>second</span>
<span>third</span>
</div>
Displays as :
0. first
0. second
0. third
while looking fine in other browsers (checked IE7, chrome, opera, safari...)

updated code snap...

When to use Drop In Item renderer and InLine Item Renderers ??

Hi ,
I am getting confused in where to use Inline ItemRenderer and DropIn Item Renderer .
What i feel is that DROP in Item Renderer are easy to use , and those can satisfy any requirements .
What i read from tutorilas that we cant use Drop In because they say , The only drawback to using drop in is that them is that you cannot configure them
Please help me .

Hi Kiran,
Here is the detailed explanation you needed:
You can also refer the link below:
http://blog.flexdevelopers.com/2009/02/flex-basics-item-renderers.html
Drop-In Item Renderers
Drop-In Item Renderers are generic in nature and don't rely on specific data fields to render data. This allows them to be used with a wide range of data sets, hence, the term “drop-in”. Drop-In Item Renderers can be “dropped-in” to any list-based control regardless of the dataprovider’s data properties.
In our previous example, the employee photo property requires use of a custom Item Renderer to render properly in the UI. In this scenario the Image component satisfies our rendering needs out of the box. Implemented as a Drop-In Item Renderer, the Image component takes any data property regardless of name and uses it as the Image component's source property value. Assuming our employee photo property contains a valid image path, the Image Drop-In Item Renderer will work perfectly and resolve the image path as an image in the UI.

<mx:DataGridColumn dataField="photo"
                   headerText="Employee Photo"
                   itemRenderer="mx.controls.Image"/>
Drop-In Item Renderers are simple and easy to use and satisfy specific use cases nicely. However, they provide no flexibility whatsoever. If your needs are not satisfied by a Drop-In Item Renderer, you must create your own Item Renderer as an inline component or an external component.
Inline Item Renderers
Generally used for simple item rendering requiring minimal customization, inline Item Renderers are defined as a component nested within the MXML of your list-based control.
It is important to note that Item Renderers nested within the itemrender property of a list-based control occupy a different scope than the list-based control. Any attempt to reference members (properties or methods) of the parent component from the nested Item Renderer component will result in a compile-time error. However, references to the members of the parent component can be achieved by utilizing the outerDocument object.
<mx:DataGrid id="myGrid" dataProvider="{gridData}">
   <mx:columns>
      <mx:DataGridColumn headerText="Show Relevance">
         <mx:itemRenderer>
            <mx:Component>
               <mx:Image source="{'assets/images/indicator_' + data.showRelevance + '.png'}"
                         toolTip="{(data.showRelevance == 1) ? 'On' : 'Off'}"
                         click="outerDocument.toggle()" />
            </mx:Component>
         </mx:itemRenderer>
      </mx:DataGridColumn>
   </mx:columns>
</mx:DataGrid>
Remember, rules of encapsulation still apply. Mark all properties or methods public if you want them accessible by your inline Item Renderer. In the previous example, the toggle() method must have a public access modifier to expose itself to the inline Item Renderer.
public function toggle():void
Inline Item Renderers can also be reusable by creating a named component instance outside of the list-based control. This component must have an id property and contain the rendering logic of the Item Renderer. Using data bindings, the component is assigned to the itemrenderer property of one or more data properties of a list-based control.

<mx:Component id="ImageRenderer">
   <mx:VBox width="100%" height="140"
            horizontalAlign="center" verticalAlign="middle">
      <mx:Image source="{'assets/'+data.image}"/>
      <mx:Label text="{data.image}" />
   </mx:VBox>
</mx:Component>

<mx:DataGridColumn headerText="Image"
                   dataField="image" width="150"
                   itemRenderer="{ImageRenderer}"/>
In the previous example, note that the Item Renderer component contains 2 UI controls – Image and Label. When using multiple controls within an Item Renderer, a layout container is required. In this example, a VBox was used.
If this post answers your question or helps, please kindly mark it as such.
Thanks,
Bhasker Chari
Message was edited by: BhaskerChari

[svn:fx-trunk] 11933: Addressing an edge case for TileList where at times the listItems array doesn 't accurately reflect a fully realized set of item renderers.

Revision: 11933
Revision: 11933
Author:   [email protected]
Date:     2009-11-18 06:55:18 -0800 (Wed, 18 Nov 2009)
Log Message:
Addressing an edge case for TileList where at times the listItems array doesn't accurately reflect a fully realized set of item renderers. This can occur when the TileList row/col creation routine bails out early when it believes it has no further need to create renderers due to current height of the list itself.
QE notes: None
Doc notes: None
Bugs: SDK-24169
Reviewer: Alex
Tests run: List, TileList, HorizontalList, DataGrid
Is noteworthy for integration: No
Ticket Links:
    http://bugs.adobe.com/jira/browse/SDK-24169
Modified Paths:
    flex/sdk/trunk/frameworks/projects/framework/src/mx/controls/listClasses/ListBase.as

Due to a copy/paste glitch, some necessary spaces have inadvertently been removed. If I could fix this, I would.

[svn] 4005: Change in the way item renderers lay them selves out.

Revision: 4005
Author: [email protected]
Date: 2008-11-03 17:07:38 -0800 (Mon, 03 Nov 2008)
Log Message:
Change in the way item renderers lay them selves out. Before we were using 100% width and 100% height. Now, we're using horizontalAlign and verticalAlign to accomplish this, which are properties added to VerticalLayout and HorizontalLayout, respectively. horizontalAlign takes values "left", "center", "right", "justify", and "contentJustify". "justify" sizes all elements to the width of the component. "contentJustify" sizes all elements to the size of the largest child (with a minimum of the width of the parent component). Similar, verticalAlign takes "top", "middle", "bottom", "justify", and "contentJustify".
The default List skin sets the VerticalLayout's horizontalAlign to "contentJustify." Most lists should use "contentJustify" or "justify" if you don't want scrollbars. If you want to change your list to a horizontal list, you change the layout to a horizontal layout. However, you must set the verticalAlign property on the horizontal layout correctly--otherwise it'll default to "top" and probably won't do what you want.
Ran checkintests and the following mustella tests: layout, list, Group, DataGroup, FxDataContainer, and FxContainer. Some DataGroup tests were failing but should be because of an unrelated, local change. All other tests are passing.
QE Notes: Failing tests are excluded. Please update them (I think all just need to add verticalAlign="contentJustify" in the horizontal layout case) and re-include them. Also, please write tests for this new functionality.
Doc Notes: None
Bugs: SDK-17198
Reviewer: Evtim
Ticket Links:
http://bugs.adobe.com/jira/browse/SDK-17198
Modified Paths:
flex/sdk/trunk/development/eclipse/flex/flex4test/src/flex4test.mxml
flex/sdk/trunk/frameworks/projects/flex4/src/mx/components/ItemRenderer.as
flex/sdk/trunk/frameworks/projects/flex4/src/mx/layout/HorizontalLayout.as
flex/sdk/trunk/frameworks/projects/flex4/src/mx/layout/LayoutBase.as
flex/sdk/trunk/frameworks/projects/flex4/src/mx/layout/VerticalLayout.as
flex/sdk/trunk/frameworks/projects/flex4/src/mx/skins/spark/FxDataContainerSkin.mxml
flex/sdk/trunk/frameworks/projects/flex4/src/mx/skins/spark/FxListSkin.mxml
Added Paths:
flex/sdk/trunk/frameworks/projects/flex4/src/mx/layout/HorizontalAlign.as
flex/sdk/trunk/frameworks/projects/flex4/src/mx/layout/VerticalAlign.as

Hi! The only way I know of is changing the screen resolution. Tom

Datagrid/list item saperator need help

hey guys.... so i got another question lol
im trying for a list to look exactly like the image i have attached to this post...
basically space between each item and a dotted line image on the bottom of that image....
anyone have any ideas??
i have the following so far...
    <mx:TabNavigator width="275" height="400">
        <mx:VBox label="USER OPTIONS" width="100%" height="100%">
            <s:List width="100%" height="100%">
                <s:dataProvider>
                    <s:ArrayList>
                        <fx:Object label="Adjust Volume" />
                        <fx:Object label="Arm/Disarm System" />
                        <fx:Object label="Change Mastercode" />
                        <fx:Object label="Secondary Codes" />
                        <fx:Object label="Bypass the Sensors" />
                        <fx:Object label="Record/Delete Messages" />
                        <fx:Object label="Set Time" />
                        <fx:Object label="System Status" />
                    </s:ArrayList>
                </s:dataProvider>
            </s:List>
        </mx:VBox>
        <mx:VBox label="TROUBLESHOOTING">
        </mx:VBox>
    </mx:TabNavigator>

cyber,
I'd look at making a custom item rendererer and then adding a repeating fill BitmapImage at the bottom (or top):
<?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/halo">
    <s:Label id="labelDisplay"
             left="4" right="4" top="4" bottom="5" />
    <s:BitmapImage id="dottedLine"
                   source="@Embed('../redbluebg.gif')"
                   fillMode="repeat"
                   width="100%"
                   bottom="0" />
</s:ItemRenderer>
And then set the item rederer in your main app:
<?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/mx">
    <s:layout>
        <s:VerticalLayout paddingLeft="20" paddingTop="20" />
    </s:layout>
    <s:controlBarContent>
        <s:HSlider id="sl" minimum="20" maximum="600" value="100" />
    </s:controlBarContent>
    <s:List id="lst" itemRenderer="skins.foo" labelField="firstName" width="{sl.value}">
        <s:dataProvider>
            <s:ArrayList>
                <fx:Object firstName="1.One" lastName="1.Two" />
                <fx:Object firstName="2.One" lastName="2.Two" />
                <fx:Object firstName="3.One" lastName="3.Two" />
                <fx:Object firstName="4.One" lastName="4.Two" />
                <fx:Object firstName="5.One" lastName="5.Two" />
                <fx:Object firstName="6.One" lastName="6.Two" />
                <fx:Object firstName="7.One" lastName="7.Two" />
            </s:ArrayList>
        </s:dataProvider>
    </s:List>
</s:Application>
Peter

List Item Search Capability Is only Available in Default Style Views

Hello,
I am using SharePoint 2013 and I am impressed with the List Search Capability that is available when you use the Default Style view option. What I am not impressed with is that the capability in not in all
the other styles like shaded. Is there any method that I can use to activate that functionality throughout all of my lists using any type of style like shaded. For my organization it is a 508 compliance issue.
Thank You
PRSharePoint

Hi,
It is by default that view styles other than default has no inline Search box. In SharePoint 2013, if you need to customize list view style, you need to use JSlink property to change the fields' view:
http://zimmergren.net/technical/sp-2013-using-the-spfield-jslink-property-to-change-the-way-your-field-is-rendered-in-sharepoint-2013
http://blog.vgrem.com/2013/04/14/customize-the-rendering-of-a-list-view-in-sharepoint-2013-displaying-list-items-in-accordion/
http://sharepoint.stackexchange.com/questions/101329/list-styling-in-sharepoint-2013
Regards,
Rebecca Tu
TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
[email protected]

Custom List Item Pages in Search Result

Hi there,
We are using SharePoint 2013 and have built a custom web part that displays a series of items from a list. When you click on one of the items, it takes you to a custom page that displays the selected list item, styled with our company branding. This works
perfectly. However when a user performs a search, the search results includes the link to the SharePoint list item, and not the custom branded page. We'd like to have the search results include this custom page, instead of the standard SharePoint dispform.aspx
page. Is there anyway to exclude the dispform.aspx and include our CustomItem.aspx in this search results? If so, how is this possible?
For instance, a standard search returns the result:
https://mydomain.com/Lists/Announcements/DispForm.aspx?ID=23
Our custom branded page, which we want included in Search results is this:
https://mydomain.com/AnnouncementsDetail.aspx?ID=23
Thanks in advance!
cflbasser

Does you custom page have a managed property associated with its location, say 'myURL'? I think you should be able to achieve this by customizing one of the Search Display Templates. There are a couple of things involved here. For Result
Display rendering, Item_Default.html display template will have a "ctx.RenderBody(ctx)" call, in this case calling Item_CommonItem_Body.html template to display each item.
Take a look through Item_CommonItem_Body.html and there should be a place where instead of the OOTB managed property like Path or Url, you could put in your custom managed property to be displayed. It's best to not update the default display templates
but create custom ones and use custom result types with them. In this scenario, you are not touching what's being indexed, but simply changing the UI layer.
Another idea would be to use CEWS (Content Enrichment Web callout) and simply take the existing managed property responsible for printing out the link (like URL or Path), re-write it using some regex or similar logic and output it to the existing managed
property or a new one. You could have a trigger to only do this in specific scenarios to narrow this down, such as only to fire if an input path prefix matches a condition.
I would recommend doing this with Display Templates if possible, since introducing CEWS can have a performance impact on crawls, depending on how many items will need to be touched.

Spry Horizontal Menu List Items crash IE6 browser

****Update*****
Apparently, it was width:100%; set on each hover over
background color for the list items in our default stylesheet that
was causing IE6 to crash.
Menus are in working order in all browsers now!
We have integrated the Spry Horizontal Menu with a website,
and added custom styling to SpryMenuBarHorizontal.css. The menu
works in Mozilla, Safari, and IE7. However, in IE6, after hovering
over the navigation, the drop down menu appears, but, as soon as
you move your mouse into the drop down to select an item from the
list, IE6 crashes. Every time. Various Computers.
We have tried reverting to the original
SpryMenuBarHorizontal.css file, however, the same problem occurs.
We haven't made any changes to the original js file
(SpryMenuBar.js).
Has anyone ever experienced this issue?
Here is our customized CSS:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release
1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights
reserved. */
LAYOUT INFORMATION: describes box model, positioning,
z-order
img#nfl {
background-image:url(/Images/slices/nfl.png);
background-repeat:no-repeat;
height:14px;
width:40px;
margin:7px auto auto 25px;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
sizingMethod=scale src="/Images/slices/nfl.png");
_background-repeat:no-repeat;
_background-image:none;
img#mlb {
background-image:url(/Images/slices/mlb.png);
background-repeat:no-repeat;
height:14px;
width:43px;
margin:7px 20px auto auto;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
sizingMethod=scale src="/Images/slices/mlb.png");
_background-repeat:no-repeat;
_background-image:none;
img#milb {
background-image:url(/Images/slices/milb.png);
background-repeat:no-repeat;
height:14px;
width:112px;
margin:7px auto auto auto;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
sizingMethod=scale src="/Images/slices/milb.png");
_background-repeat:no-repeat;
_background-image:none;
_margin:7px auto auto -10px;
img#ctown {
background-image:url(/Images/slices/ctown.png);
background-repeat:no-repeat;
height:14px;
width:114px;
margin:7px auto auto 50px;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
sizingMethod=scale src="/Images/slices/ctown.png");
_background-repeat:no-repeat;
_background-image:none;
_margin:7px auto auto 40px;
img#nba {
background-image:url(/Images/slices/nba.png);
background-repeat:no-repeat;
height:14px;
width:43px;
margin:7px auto auto 100px;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
sizingMethod=scale src="/Images/slices/nba.png");
_background-repeat:no-repeat;
_background-image:none;
_margin:7px auto auto 70px;
img#nhl {
background-image:url(/Images/slices/nhl.png);
background-repeat:no-repeat;
height:14px;
width:41px;
margin:7px auto auto 90px;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
sizingMethod=scale src="/Images/slices/nhl.png");
_background-repeat:no-repeat;
_background-image:none;
_margin:margin:7px auto auto 100px;
img#ncaa {
background-image:url(/Images/slices/ncaa.png);
background-repeat:no-repeat;
height:14px;
width:52px;
margin:7px auto auto 70px;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
sizingMethod=scale src="/Images/slices/ncaa.png");
_background-repeat:no-repeat;
_background-image:none;
_margin:7px auto auto 60px;
/* The outermost container of the Menu Bar, an auto width box
with no margin or padding */
ul.MenuBarHorizontal
list-style-type: none;
cursor: default;
width:950px;
height:32px;
background-image:url(/Images/slices/primaryNavSlice.png);
background-repeat:repeat-x;
margin:0px;
padding:0px;
vertical-align:middle;
border-bottom:1px solid #000;
/* Set the active Menu Bar with this class, currently setting
z-index to accomodate IE rendering bug:
http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this
container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0px;
padding: 0px;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 8em;
float: left;
/* Submenus should appear below their parent (top: 0) with a
higher z-index, but they are initially off the left side of the
screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0px;
padding: 0px;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
/*width: 8.2em;*/
width:auto;
position: absolute;
left: -1000em; /* without this all menus are visible without
hover */
/* Submenu that is showing with class designation
MenuBarSubmenuVisible, we set left to auto so it comes onto the
screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto; /* without this menus don't show up */
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
/*width: 8.2em;*/
width:auto;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Menu items are a light gray block with padding and no text
decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
padding: 0.15em 0.15em;
text-decoration: none;
ul#teamsMenu table#teams {
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:11px;
width:500px;
background-color:#fff!important;
BROWSER HACKS: the hacks below should not be changed unless
you are an expert
/* HACK FOR IE: to make sure the sub menus show above form
controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
li.ncaa_list #teams.ncaa_table {
position:absolute;
left:-590px;
top:7px;
To center the tables in the screen
li.nfl_list #teams.nfl_table {
position:absolute;
top:7px;
li.mlb_list #teams.mlb_table {
position:absolute;
top:7px;
li.milb_list #teams.milb_table {
position:absolute;
left:-80px;
top:7px;
li.ctown_list #teams.ctown_table {
position:absolute;
top:7px;
li.nba_list #teams.nba_table {
position:absolute;
left:-200px;
top:7px;
li.nhl_list #teams.nhl_table {
position:absolute;
left:-190px;
top:7px;
li.ncaa_list #teams.ncaa_table {
position:absolute;
left:-590px;
top:7px;
}

I am having the same problems in IE7. I'm using the latest
version of everything (Spry 1.6.1 and javascript file version 0.12)
and at first I was having the problem on my drop down menus
appearing horizontal with all the correct styles but when I changed
the rule ul.MenuBarHorizontal ul to position: relative; the drop
downs appear vertical now but I have no beige border around the
whole ul anymore and I'm getting white space inbetween list items.
http://www.wusf.usf.edu/Header_Nav_Footer_newStyleSheet.cfm
so if anyone has any advice I'd much appreciate it. Also i'm
using 1px width on my borders no decimals.

Error while editing a list item - SharePoint 2010.

Hi ,
i have 2 site collection one is read only site and another one is authoring site. both site collection are inside single web application and referring same content database.
when i try to edit a list item using authoring site i am getting the below error message. this is for all the lists in the site.
" the item is no longer available. it may have been deleted by another user. click ok to refresh the page."
i am able to edit the list items using read only site as an administrator.
please help me on these.

This could be a permission issue, refer to the following post for more information
http://techtrainingnotes.blogspot.in/2012/02/sharepoint-error-this-item-is-no-longer.html
Cheers,

List item problem in oracle forms 6i

Hello,
I've 10 test filed, in-front of each text field there are 10 list item (separate list item)
for each list item element list is given below
Route
Customer name
Delivery date
Delivery Time
Delivery Session
Expected received
Actual Received
Fresh Received
Rate per liter
Debit Amount
On text fields I am fetching records from another file. User will map the list item with text item.
What i want to check is, list item should not get repeated. i.e suppose I've run time display like this
text item
list item
A
ROUTE
B
DELIVERY DATE
C
DELIVERY TIME
D
DELIVERY DATE
E
EXPECTED RECEIVED
F
ACTUAL RECEIVED
G
FRESH RECEIVED
H
RATE PER LITER
I
DEBIT AMOUNT
J
DELIVERY SESSION
on text filed B- DELIVERY DATE is assign and at text field D again DELIVERY DATE is assign. I want to avoid this thing and prompt the user regarding the same. How should I go about this? Should I design a button for validation, if yes then what should be the code? or should i go with WHEN-LIST-CHANGE? if so, then what should be the code?
my design time display is like this
text
list item
txt1
lst1
txt2
lst2
txt3
lst3
txt4
lst4
txt5
lst5
txt6
lst6
txt7
lst7
txt8
lst8
txt9
lst9
txt10
lst10
please suggest something
Thank You
Sam

THe most user-friendly way would be to remove elements from all other lists when they are chosen once. You would have to have a WHEN-LIST-CHANGED-trigger on all listitem and populate the the listitems accordingly.

List Item problem in oracle forms

Hi,
I am using list item in oracle forms 6i and facing one problem. I am populating list using following built-in.
Clear_list()
Create_Group_From_Query( )
Populate_list()
The problem I am facing is when list gets populate it keep the cursor at last element of list with null value. I want cursor to go at first item in the list. Is this thing is possible. The list item I am using is pop-list. In combo its showing list perfectly but I have to use pop-list only. Please help to come out of this problem.
Thanks in advance
Shweta.

Hi Shweta,
Please post your query in Oracle Forms discussion forum.
Thanks,
Wilson.

Unable to Read Calendar List Items through CAML

Hi All,
* I have created two columns in calendar one Year and other Month.When new event is added in calendar through (Item Added) event receiver I am setting the values to this columns as Name of Month to(February) and Year as(2014) .So that I can fetch the
data easily based on month and year
* Through this Columns Secondly when I try to fetch the data to count number of items of particular month and year using caml query I am getting error as below .
"Error:One or more field types are not installed properly. Go to the list settings page to delete these fields."
*My below caml code is working fine if i applied to custom list,But not to calendar.Can any one help me for what reason I am unable to fetch data
Code
string year="2014";
string month="February";
SPSite mysite = SPContext.Current.Site;
SPWeb myweb = mysite.OpenWeb();
SPList mylist = myweb.Lists["Calendar"];
SPQuery myquery = new SPQuery();
myquery.Query = @"<Where>
<And>
<Eq>
<FieldRef Name='Year'/>
<Value Type='Text'>" + year + @"</Value>
</Eq>
<Eq>
<FieldRef Name='Month' />
<Value Type='Text'>" + month + @"</Value>
</Eq>
</And>
</Where>";
SPListItemCollection totaltiems = mylist.GetItems(myquery);
Label1.Text= "Total Number of Items is "+" "+totaltiems.Count.ToString();
Thanks, Quality Communication Provides Quality Work. http://siddiq-sharepoint2010.blogspot.in/ Siddiqali Mohammad .

Hi,
According to your post, my understanding is that you got an error when read calendar list items using CAML.
I created two single line of text columns in the Calendar( Year and Month), then add items in the Calendar to check with your code. The CAML query worked well as below.
string year = "2014";
string month = "February";
using (SPSite oSiteCollection = new SPSite("Your site URL"))
using (SPWeb myweb = oSiteCollection.OpenWeb())
SPList mylist = myweb.Lists["Calendar"];
SPQuery myquery = new SPQuery();
myquery.Query = @"<Where> <And> <Eq> <FieldRef Name='Year'/> <Value Type='text'>" + year
+ "</Value></Eq><Eq>+ "
+ " <FieldRef Name='Month' />+ "
+ " <Value Type='text'>" + month + "</Value>+ "
+ " </Eq> </And></Where>";
SPListItemCollection totaltiems = mylist.GetItems(myquery);
Console.WriteLine( "Total Number of Items is " + " " + totaltiems.Count.ToString());
Console.ReadLine();
Which type of the two columns in your Calendar? Were they text type?
Are you sure the field name(<FieldRef Name='Year'/>,
<FieldRef Name='Month' />) is same as internal name?
We should only use internal name while refrencing columns in CAML query. If you have space In you column , replace it with "_x0020_", such as
News_x0020_Category.
Thanks & Regards,
Jason
Jason Guo
TechNet Community Support

Styling lists/item renderers

Similar Messages

Maybe you are looking for