ConvincingMail - Email Marketing SoftwareConvincingMail
 
Email Marketing Software

Welcome Guest! To enable all features please try to register or login.
AutoSuggest CSS
Options
Previous Topic Next Topic
theoryofben
#1 Posted : Saturday, May 23, 2009 2:42:25 PM(UTC)
Rank: Newbie

Groups: Member
Joined: 5/23/2009(UTC)
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.
Back to top
trooper
#2 Posted : Saturday, May 23, 2009 3:31:37 PM(UTC)
Rank: Administration

Groups: Administration
Joined: 11/18/2007(UTC)
Posts: 92
Points: 188
Man

Was thanked: 2 time(s) in 2 post(s)
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
Back to top
WWW
theoryofben
#3 Posted : Saturday, May 23, 2009 4:13:37 PM(UTC)
Rank: Newbie

Groups: Member
Joined: 5/23/2009(UTC)
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.
Back to top
trooper
#4 Posted : Saturday, May 23, 2009 4:46:26 PM(UTC)
Rank: Administration

Groups: Administration
Joined: 11/18/2007(UTC)
Posts: 92
Points: 188
Man

Was thanked: 2 time(s) in 2 post(s)
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
Back to top
WWW
theoryofben
#5 Posted : Sunday, May 24, 2009 6:41:45 AM(UTC)
Rank: Newbie

Groups: Member
Joined: 5/23/2009(UTC)
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.
Back to top
theoryofben
#6 Posted : Sunday, May 24, 2009 6:59:36 AM(UTC)
Rank: Newbie

Groups: Member
Joined: 5/23/2009(UTC)
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.
Back to top
Rss Feed  Atom Feed
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.

YAFVision Theme by Jaben Cargman (Tiny Gecko)
Powered by YAF 1.9.5 RC1 | YAF © 2003-2010, Yet Another Forum.NET
This page was generated in 0.119 seconds.