Intersoft Community - WebCombo - Unbound WebCombo Selected Row Not Highlighted

Unbound WebCombo Selected Row Not Highlighted

handy@intersoftpt.com — Sun, 22 Nov 2009 20:15:38 GMT

Great, Glad to hear that. Thanks

Unbound WebCombo Selected Row Not Highlighted

PRISMAY — Fri, 20 Nov 2009 08:31:45 GMT

Hello Handy,

Thank you for the workarounds. I did not try #1 but am sure it'll work. I did try #2 and it works. Thank you.

Unbound WebCombo Selected Row Not Highlighted

handy@intersoftpt.com — Fri, 20 Nov 2009 03:06:54 GMT

Hi Yousif,

Thank you also for pointing me more detail. :-)

I have discussed with our developer. This issue occurs because the limitation of ResultBoxWindowType Popup mode. This mode could not call Css class properly.
I have two workarounds for this issue.

1. You will need set the style into each properties manually

such as:

BackColor="#DDCCBB" Font-Bold="True" Font-Names="Calibri" Font-Size="14pt" ForeColor="Red"

2. You can change ResultBoxWindowType Normal mode. I suggest you also to turn off ResultBoxShadow properties.

I hope my workarounds can help.

Regards,
Handy

Unbound WebCombo Selected Row Not Highlighted

PRISMAY — Thu, 19 Nov 2009 09:03:11 GMT

Hello Handy,

I did get it working after you pointed me in the right direction, however, only when UseDefaultStyle is set to true. When it's false, I can never get it to work. In my skin file, the following line is now set to a different style:

LayoutSettings-ColumnStyle-CssClass="ComboBoxColumn"

And the style is simply defined as:

.ComboBoxColumn
{
border-width: 0px;
}

Any ideas why I can't get it to work when not using the default style? Thanks.

[EDIT] I forgot to mention that if you add the line to your sample, it will not work either, i.e.,

DataView view = this.AccessDataSource1.Select(DataSourceSelectArguments.Empty) as DataView;
DataTable table = view.Table;
WebCombo1.PopulateUnboundData(table, true);
WebCombo1.Value = "1";
WebCombo1.UseDefaultStyle = false;

Unbound WebCombo Selected Row Not Highlighted

handy@intersoftpt.com — Wed, 18 Nov 2009 21:17:09 GMT

Hi Arthur,

I think the style would not have different in Unbound or bound mode. Please run my attached sample. I tried to follow your css styles and the only problem is your ColumnStyle. I noticed that the background colour is white. That's why i don't see any colors when hover in each rows. In fact, when i Comment out the style, I can see that SelectedRowStyle works fine. Please let me know if you have the same result or not.

Regards,
Handy

Unbound WebCombo Selected Row Not Highlighted

PRISMAY — Wed, 18 Nov 2009 10:10:03 GMT

Let me add one more thing for clarification. I did use the WebCombo with our styles, to rule out our PrismComboBox from being the cause, and it behaved the same way using the skin below:

<ISWebCombo:WebCombo
    runat="server"
    AllowAutoDataCaching="true"
    LayoutSettings-AllowAddItem="false"
    LayoutSettings-AllowNavigationOnMouseWheel="true"
    LayoutSettings-AllowTextWrapping="false" 
    LayoutSettings-AlwaysShowAllRowsOnDropdown="true" 
    LayoutSettings-AlwaysShowHelpButton="false" 
    LayoutSettings-ColumnStyle-CssClass="ComboBoxFrame"
    LayoutSettings-ComboMode="SingleColumn"
    LayoutSettings-DropDownStyle-Active-CssClass="ComboBoxDropDown"
    LayoutSettings-DropDownStyle-Normal-CssClass="ComboBoxDropDown"
    LayoutSettings-DropDownStyle-Over-CssClass="ComboBoxDropDown" 
    LayoutSettings-EntryMode="Default"
    LayoutSettings-FrameStyle-Active-CssClass="ComboBoxFrame" 
    LayoutSettings-FrameStyle-Normal-CssClass="ComboBoxFrame" 
    LayoutSettings-FrameStyle-Over-CssClass="ComboBoxFrame" 
    LayoutSettings-ResultBoxStyle-CssClass="ComboBoxResultBox"
    LayoutSettings-ResultFrameStyle-CssClass="ComboBoxResultFrame" 
    LayoutSettings-RowStyle-Active-CssClass="ComboBoxActiveRow" 
    LayoutSettings-RowStyle-Normal-CssClass="ComboBoxNormalRow" 
    LayoutSettings-RowStyle-Over-CssClass="ComboBoxOverRow" 
    LayoutSettings-SelectedRowStyle-CssClass="ComboBoxSelectedRow" 
    LayoutSettings-StatusBoxStyle-CssClass="ComboBoxStatusBox"
    LayoutSettings-TextBoxStyle-Active-CssClass="ComboBoxTextBox" 
    LayoutSettings-TextBoxStyle-Normal-CssClass="ComboBoxTextBox" 
    LayoutSettings-TextBoxStyle-Over-CssClass="ComboBoxTextBox"  
    Height="18px">
</ISWebCombo:WebCombo>

Also, I'm including all the CSS styles referenced above which should help incase they're contributing to the problem.

.ComboBoxFrame
{
	border-color: #DDCCCC;
	border-width: 1px;
	border-style: solid;
	background-color: White;
	color: #666666;
}
.ComboBoxDropDown
{
	font-family: Webdings;
	border: none;
	background-color: white;
	color: #DDCCCC;
	cursor: pointer;
}
.ComboBoxResultBox
{
	border-style: none;
	background: #FFFFFF;
	font-size: 10pt;
	font-Family: Calibri;
	font-weight: lighter;
}
.ComboBoxResultFrame
{
	border-style: solid;
	border-color: #DDCCCC;
	border-width: 1px;
	background: #FFFFFF;
}
.ComboBoxActiveRow
{
}
.ComboBoxNormalRow
{
	background-color: #FFFFFF;
	font-size: 10pt;
	Font-Family: Calibri;
	font-weight: lighter;
	color: #666666;
}
.ComboBoxOverRow
{
	background-color: #CCBBAA;
	font-size: 10pt;
	Font-Family: Calibri;
	font-weight: lighter;
	color: #666666;
}
.ComboBoxStatusBox
{
	background-color: #EEEEEE;
	font-size: 10pt;
	font-Family: Calibri;
	font-weight: lighter;
}
.ComboBoxTextBox
{
	Font-Size: 10pt;
	font-Family: Calibri;
	border-width: 0px;
	border-style: none;
	border-collapse: collapse;
	background-color: #FFFFFF;
	color: Black;
}

Unbound WebCombo Selected Row Not Highlighted

PRISMAY — Wed, 18 Nov 2009 09:51:25 GMT

Our unbound WebCombo does not show the default item as selected. I've attached a short video to demonstrate the issue. Also, I've included our skin file settings and the specific CSS for the SelectedRowStyle below.

.skin file:

<PRISM:PrismComboBox 
    runat="server"  
    AllowAutoDataCaching="true"
    LayoutSettings-AllowAddItem="false"
    LayoutSettings-AllowNavigationOnMouseWheel="true"
    LayoutSettings-AllowTextWrapping="false" 
    LayoutSettings-AlwaysShowAllRowsOnDropdown="true" 
    LayoutSettings-AlwaysShowHelpButton="false" 
    LayoutSettings-ColumnStyle-CssClass="ComboBoxFrame"
    LayoutSettings-ComboMode="SingleColumn"
    LayoutSettings-DropDownStyle-Active-CssClass="ComboBoxDropDown"
    LayoutSettings-DropDownStyle-Normal-CssClass="ComboBoxDropDown"
    LayoutSettings-DropDownStyle-Over-CssClass="ComboBoxDropDown" 
    LayoutSettings-EntryMode="Default"
    LayoutSettings-FrameStyle-Active-CssClass="ComboBoxFrame" 
    LayoutSettings-FrameStyle-Normal-CssClass="ComboBoxFrame" 
    LayoutSettings-FrameStyle-Over-CssClass="ComboBoxFrame" 
    LayoutSettings-ResultBoxStyle-CssClass="ComboBoxResultBox"
    LayoutSettings-ResultFrameStyle-CssClass="ComboBoxResultFrame" 
    LayoutSettings-RowStyle-Active-CssClass="ComboBoxActiveRow" 
    LayoutSettings-RowStyle-Normal-CssClass="ComboBoxNormalRow" 
    LayoutSettings-RowStyle-Over-CssClass="ComboBoxOverRow" 
    LayoutSettings-SelectedRowStyle-CssClass="ComboBoxSelectedRow" 
    LayoutSettings-StatusBoxStyle-CssClass="ComboBoxStatusBox"
    LayoutSettings-TextBoxStyle-Active-CssClass="ComboBoxTextBox" 
    LayoutSettings-TextBoxStyle-Normal-CssClass="ComboBoxTextBox" 
    LayoutSettings-TextBoxStyle-Over-CssClass="ComboBoxTextBox"  
    Height="18px" 
/>

.css style (modified for sample video - note that modification has no impact):

.ComboBoxSelectedRow
{
	background-color: #DDCCBB;
	font-size: 14pt;
	font-Family: Calibri;
	font-weight: bold;
	color: #ff0000;
}

.css style normal setting:

.ComboBoxSelectedRow
{
	background-color: #DDCCBB;
	font-size: 10pt;
	font-Family: Calibri;
	font-weight: lighter;
	color: #666666;
}

Our PrismComboBox derives from ISNet.WebUI.WebCombo.WebCombo. We don't have any issues when the combo is bound to data, only when unbound for whatever reason.

I did test it with a generic WebCombo that uses the default style and it works just fine that way. I poked around to see if there's a property we may have missed, but haven't been able to pin it down to anything specific other than the LayoutSettings.SelectedRowStyle.

I hope you can help. Thanks.