ConvincingMail - Email Marketing SoftwareConvincingMail
 
Email Marketing Software

Welcome Guest Search | Active Topics | Members | Log In | Register

AutoSuggest CSS Options · View
theoryofben
Posted: Saturday, May 23, 2009 7:42:25 PM
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.
trooper
Posted: Saturday, May 23, 2009 8:31:37 PM
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
theoryofben
Posted: Saturday, May 23, 2009 9:13:37 PM
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.
trooper
Posted: Saturday, May 23, 2009 9:46:26 PM
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
theoryofben
Posted: Sunday, May 24, 2009 11:41:45 AM
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.
theoryofben
Posted: Sunday, May 24, 2009 11:59:36 AM
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.
Users browsing this topic
Guest


Forum Jump
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Main Forum RSS : RSS

Powered by Yet Another Forum.net version 1.9.1.8 (NET v2.0) - 3/29/2008
Copyright © 2003-2008 Yet Another Forum.net. All rights reserved.
This page was generated in 0.068 seconds.