Hi,
We are upgrading from Infragitics NetAdvantage 2010.2 to Infragistics NetAdvantage 2013.1. In previous version, webcombo was used and now we need to use WebDropDown as WebCombo is obslete.
Below code is of WebCombo in our project
<igcmbo:WebCombo ID="webComboRptName" runat="server" BackColor="White" BorderColor="Silver"BorderStyle="Solid" BorderWidth="1px" ForeColor="Black" SelBackColor="DarkBlue" SelForeColor="White" Version="4.00" Width="192px" DataTextField="" DataValueField="" OnInitializeLayout="webComboRptName_InitializeLayout">
<Columns>
<igtbl:UltraGridColumn HeaderText="Column0">
<header caption="Column0"></header>
</igtbl:UltraGridColumn>
</Columns>
<ExpandEffects ShadowColor="LightGray" />
<DropDownLayout BorderCollapse="Separate" RowHeightDefault="20px" Version="4.00" DropdownWidth="430px" AllowSorting="Yes" HeaderClickAction="SortSingle" RowSelectors="No">
<HeaderStyle BackColor="LightGray" BorderStyle="Solid" Font-Size="X-Small">
<BorderDetails ColorLeft="White" ColorTop="White" WidthLeft="1px" WidthTop="1px" />
</HeaderStyle>
<FrameStyle BackColor="Silver" BorderStyle="Ridge" BorderWidth="2px" Cursor="Default"
Font-Names="Verdana" Font-Size="10pt" Height="130px" Width="430px">
</FrameStyle>
<RowStyle BackColor="White" BorderColor="Gray" BorderStyle="Solid" BorderWidth="1px" Font-Size="X-Small">
<BorderDetails WidthLeft="0px" WidthTop="0px" />
</RowStyle>
<SelectedRowStyle BackColor="DarkBlue" ForeColor="White" />
</DropDownLayout>
</igcmbo:WebCombo>
Now while migrating to web dropdown. how we define column i.e ultragridcolumn because ultragrid is not there in new version of infragistics.
How DropDownLayout, RowStyle, SelectedRowStyle,HeaderStyle,FrameStyle defined for WebDropDown
Hello,
In order to display multiple columns in WebDropDown, the current approach is to use a WebDataGrid as an item template: http://help.infragistics.com/doc/ASPNET/2014.1/CLR4.0/?page=WebDropDown_Create_a_Multi_Column_WebDropDown_using_Templates.html The AIKIDO WebDropDown does not currently instantiate a grid by default, inside its item template to allow multiple columns to be used (the old WebCombo instantiated an UltraWebGrid at all times). A live sample illustrating a WebDataGrid template in WebDropDown can be seen at: http://ko.infragistics.com/samples/aspnet/drop-down/templates
It is possible to compare the APIs for the classic and the Aikido based controls and observe the differences.
As there is no UltraGrid object in the WebDropDown, all properties referring to it will be non-existing. I suggest to get familiar with the WebDropDown and the WebDataGrid styling and functionality. http://ko.infragistics.com/community/blogs/craig_shoemaker/archive/2011/07/11/introducing-the-webdatagrid-webhierarchicaldatagrid-cheat-sheet.aspxhttp://ko.infragistics.com/help/aspnet/webdatagrid_cheat_sheet.html
There are many topics in the forum regarding the styling. The styling of the Aikido controls is done basically trough the CSS files. You can take a look at the CSS file for some StyleSet (theme), to get an idea of the used CSS class names for the WebDropDown:http://ko.infragistics.com/samples/aspnet/drop-down/themes
Useful references:CSS File Structure Which are my CSS files? WebDataGrid CSS styling guide
These are the main css classes that you will probably need to change, to modify the styling:igdd_Control => class applied to the main control's DIV elementigdd_ControlArea => class applied to the table holding the dropdown input and the dropdown buttonigdd_ ControlHover => class applied automatically when the DropDown is hovered with the mouse (Control is meant to be the input and the dropdown button , i.e. everything without the dropdown container )igdd_LoadingItemsMessage => class applied to the SPAN element that displays a loading message (for paging, filtering, load on demand features, etc)igdd_ControlFocus => CSS class applied when the control gains focusigdd_ValueDisplay => CSS class applied to the input element where one enters text igdd_DropDownList => CSS class applied to the UL HTML element that holds the dropdown items igdd_DropDownListContainer => css class applied to a DIV that holds the dropdown list igdd_DropDownButton => CSS class applied to the dropdown button image placeholderigdd_ListItem => applied to an individual dropdown item (<LI> html element)igdd_ListItemActive, igdd_ListItemSelected, igdd_ListItemHover, igdd_ListItemDisabled => CSS classes applied to items depending on their state (when it becomes Active, selected, disabled, etc.)igdd_Pager => class applied to the pager , when paging is enabledigdd_PageLink => class applied to each page link igdd_PageCurrent => class applied to the current page
Also most of these can be set in the ASPX markup itself, for example to style an item : <ig:DropDownItem ActiveCssClass="activeClass" CssClass="normalClass" DisabledCssClass="disabledClass" HoverCssClass="hoveredClass" SelectedCssClass="selectedClass" Text="item text"></ig:DropDownItem>
You can also set these programmatically.
Also, if you do not want to directly manipulate the CSS classes, you can use the Infragistics AppStylist application, which will easily allow you to style the WebDropDown in a design-time surface.
About AppStylist: http://help.infragistics.com/Help/Doc/ASPNET/2014.1/CLR4.0/HTML/Web_Enabling_Application_Styling_Using_the_AppStylingManager.htmlEnabling Application Styling Using the web.config File
http://help.infragistics.com/doc/ASPNET/2014.1/CLR4.0/?page=WebDropDown_Create_a_Multi_Column_WebDropDown_using_Templates.html
specifies addition of grid , i just want to add column of grid will the same code work for it.
Hello,I am still following your case. Have you been able to resolve the issue?If you have any concerns or questions, please feel free to contact me, I will be glad to help you.Thank you for choosing Infragistics components!
There is no columns collection in the WebDropDown control. If you want to use a grid column as a source for the WebDropDown items, you can simply define a DataSource and set the TextField and ValueField property of the WebDropDown to map the underlying data source fields.
Example:
<ig:WebDropDown ID="WebDropDown1" runat="server" CurrentValue="Select a product" TextField="ProductName" ValueField="ProductID" DataSourceID="SqlDataSource1">
<DropDownItemBinding TextField="ProductName" ValueField="ProductID" />
</ig:WebDropDown>
You can set the TextField and ValueField properties to map to different columns of the data source object.
I hope this helps. Please let me know if I misunderstood you or if you have any further questions regarding this issue.