0

ajaxcontroltoolkitバルーンエクステンダーのbgカラーを変更するにはどうすればよいですか？

中にパネルがありますが、パネルのbgの色が変にしか設定できません。

コード：

<asp:Panel ID="Panel1" runat="server" style="background-color:Red">
        Type some data in here    
    </asp:Panel>


<ajaxToolkit:BalloonPopupExtender ID="PopupControlExtender2" runat="server"
        TargetControlID="lblBalloon"
        BalloonPopupControlID="Panel1"
        Position="BottomRight" 
        BalloonStyle="Rectangle"
        BalloonSize="Small"
        UseShadow="true" 
        ScrollBars="Auto"
        DisplayOnMouseOver="true"
        DisplayOnFocus="false"
        DisplayOnClick="False" />
</asp:Content>

バルーンの白い部分のbgの色を変更したい：

ここに画像の説明を入力してください

どうやってするか？

4

2 に答える 2

0

実際には背景ではなく、background color背景にスプライト画像があります。バルーンの背景画像を変更するには、以下のスタイルを使用します

.ajax__balloon_popup .oval {

    background-image: url('/image-path');

}

ここで詳細な投稿を見つけることができます

于 2012-06-21T10:12:04.720 に答える
0

次のマークアップと css を使用して素敵なカスタム ポップアップを取得し、必要に応じて背景色やその他のスタイルを変更できます。

    <cc:BalloonPopupExtender 
        ID="bb1" runat="server" 
        BalloonStyle="Custom" 
        CustomClassName="custom-popup"  
        Position="BottomRight" 
        BalloonSize="Medium" 
        UseShadow="false" 
        CustomCssUrl="style.css" 
        DisplayOnMouseOver="true"  
        BalloonPopupControlId="infoPopup" 
        TargetControlID="lnkInfo1">
       <Animations>
            <OnShow>
                <Sequence>
                    <HideAction Visible="true" />
                    <FadeIn Duration=".5" Fps="20" />
                </Sequence>
            </OnShow>
            <OnHide>
              <FadeOut Duration=".5" Fps="20" />
            </OnHide>
        </Animations>
    </cc:BalloonPopupExtender>

style.css に追加します。

.custom-popup {
    background-color: #fdfff7;
    display: inline-block;
    width: 300px;
    height: 120px;
    text-align: center;
    vertical-align: top;
    font-size: 11px;
    border: solid 1px #cbbeac;
    border-radius: 12px;
}
于 2016-04-26T13:08:41.740 に答える