|
|
Rank: Newbie Groups: Member
Joined: 5/23/2009 Posts: 4 Points: 12 Location: Savannah, Ga
|
Hello, I have added the control and it is giving results...but the CSS is not working. Code: <ASB:AdvancedAutoSuggestExtender id="ase_1" runat="server" TitleTdCss="titleTd" TitleTrCss="titleTr" TableTdCss="suggTd" TableTrCss="suggTr" TableCss="suggTable" CommentsTdCss="commentsTd" CommentsTrCss="commentsTr" HilightedTrCss="suggHi" TargetControlID="txt_streetname" ServiceURL="autosuggest.asmx/GetStreetName" />
I added the appropriate CSS classes to the style sheet...but nothing changed....the suggestions are not styled. What am I doing wrong? Thanks.
|
|
Rank: Administration Groups: Administration
Joined: 11/18/2007 Posts: 80 Points: 152
|
Hi, can you give an URL where I can look on your page and also can you post your code here (or send to me on support [at] convincingmail.com)
Thanks Mikhail
|
|
Rank: Newbie Groups: Member
Joined: 5/23/2009 Posts: 4 Points: 12 Location: Savannah, Ga
|
Hi, thanks for the quick response, here is my code, I have been trying different things. ASPX Page Code: <asp:Content ID="Content2" ContentPlaceHolderID="cp_main" Runat="Server"> <asp:UpdatePanel id="udp_subject" runat="server"> <ContentTemplate> <asp:TextBox id="txt_streetname" runat="server" AutoComplete="off"/> <ASB:AdvancedAutoSuggestExtender id="ase_1" runat="server" TableTdCss="suggTd" TableTrCss="suggTr" TableCss="suggTable" HilightedTrCss="suggHi" TargetControlID="txt_streetname" ServiceURL="autosuggest.asmx/GetStreetName" /> </ContentTemplate> </asp:UpdatePanel> </asp:Content>
Style Sheet Code: .titleTr,.titleTd { font-weight:bold; color:#CC0000; } .suggTr { background-color:White; } .suggTd { background-color:white; border-bottom:dotted 1px #FF0000; } .suggHi { background-color:#FFFF99; cursor:pointer; } .commentsTd,.commentsTr { font-weight:normal; font-size:small; padding-left:10px; font-size:9px; color:#00CC00; } .suggTable { border-bottom:solid 1px #777; border-left:solid 1px #777; border-right:solid 1px #777; background-color:white; font-family:Tahoma; font-size:8.3pt; width:100%; }
It is showing the correct results...just with no styles.
|
|
Rank: Administration Groups: Administration
Joined: 11/18/2007 Posts: 80 Points: 152
|
Can you try to apply the style to any other element on the page. Just to make sure that the styles are ok? For example put a <div class="suggTd">test</div> somewhere on the page. according to your css this bloc should have a dotted bottom border.
I think that the problem is that the styles are not linked properly on the page. do you use a built in styles inside the <style></style> tags or an external include file?
Thanks Mikhail
|
|
Rank: Newbie Groups: Member
Joined: 5/23/2009 Posts: 4 Points: 12 Location: Savannah, Ga
|
Ok, I've narrowed it down to the prototype javascript framework. When I have the reference to the file, the control works but none of the css on the page works. Code: <script language="javascript" src="Javascript\prototype-1.6.0.3.js" />
But when I leave the reference out...css works but the control won't. What am I doing wrong? Thank you very much for helping me.
|
|
Rank: Newbie Groups: Member
Joined: 5/23/2009 Posts: 4 Points: 12 Location: Savannah, Ga
|
I found the problem.
I referenced the prototype js in the head. I moved it below the head and all is well.
Thanks for the help and thanks for a great control.
|
|
|
Guest |