Solved

Using AJAX DropShadow control - can't set Opacity

Posted on 2013-01-26
6
422 Views
Last Modified: 2013-01-31
Just updated to the latest AJAX Toolkit and now no matter what I set the Opacity figure at (0.1 to 1), it is like the default setting is 1 and cannot be changed.  The shadow is simply black.  I need it to be Opacity of .25.  

I updated from a 2010 toolkit version, to the Jan 2013 toolkit.

The issue exists for all my projects, and exists in Firefox, Chrome and IE.

Is this a bug?


<%@ Page Title="Home Page" Language="VB" MasterPageFile="~/Site.Master" AutoEventWireup="false"
    CodeFile="Default.aspx.vb" Inherits="_Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <h2>
        Welcome to ASP.NET!
    </h2>
    <p>
        To learn more about ASP.NET visit <a href="http://www.asp.net" title="ASP.NET Website">www.asp.net</a>.
    </p>
    <p>
        You can also find <a href="http://go.microsoft.com/fwlink/?LinkID=152368&amp;clcid=0x409"
            title="MSDN ASP.NET Docs">documentation on ASP.NET at MSDN</a>.
    </p>

    <asp:Panel ID="Panel1" runat="server" BackColor="Orange" ForeColor="White">
    Testing 123
    </asp:Panel>

    <asp:DropShadowExtender ID="DropShadowExtender1" runat="server" TargetControlID="Panel1" Rounded="true" Opacity=".1">
    </asp:DropShadowExtender>
    
    
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
</asp:Content>

Open in new window

0
Comment
Question by:badzster
  • 4
  • 2
6 Comments
 

Author Comment

by:badzster
ID: 38821917
Here is a screenshot of the DropShadow
Untitled.png
0
 

Author Comment

by:badzster
ID: 38823308
Using Visual Studio 2010 - SP1 if that helps
0
 
LVL 23

Assisted Solution

by:Roopesh Reddy
Roopesh Reddy earned 500 total points
ID: 38823510
Hi,

You need to use AjaxToolKitScriptManager instead of ScriptManager!

Check the sample code -

 <asp:Panel ID="Panel1" runat="server" BackColor="Orange" ForeColor="White">
        Testing 123
    </asp:Panel>

<asp:ToolkitScriptManager runat="server">
</asp:ToolkitScriptManager>

<asp:DropShadowExtender ID="DropShadowExtender1" runat="server" TargetControlID="Panel1" Rounded="true" Opacity=".25">
</asp:DropShadowExtender>

Open in new window


Shadow
Moreover, installing AjaxConrolToolKit from Nuget is easy and safe - http://roopeshreddy.wordpress.com/2012/10/07/installingconfiguring-ajaxcontroltoolkit-through-nuget/

Hope it helps u...
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 

Accepted Solution

by:
badzster earned 0 total points
ID: 38823542
Spot on!  Thanks very much...that helped a great deal.  

In the example I did use ScriptManager instead of the asp:ToolkitScriptManager...but even changing to asp:ToolkitScriptManager didn't change the shadow.  However I used the code sample you attached and it did work...turns out that the shadow will cast normally (be opaque) if you specify the opacity as .25, .5, .75, 1

If you specify .1, .2, .7 etc, then the shadow appears as it would if you entered 1.  

Your answer helped me discover this.  Thankyou.
0
 
LVL 23

Expert Comment

by:Roopesh Reddy
ID: 38823557
Hi,

Glad it helped you. So please mark it as answer then!
0
 

Author Closing Comment

by:badzster
ID: 38838909
Explanation
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Introduction Got endorsements from your clients?  Great!  There is almost nothing better than word-of-mouth advertising.  But how can you do that on the internet?  Sure you can make a page for endorsement quotations and list them all, but who is …
It was really hard time for me to get the understanding of Delegates in C#. I went through many websites and articles but I found them very clumsy. After going through those sites, I noted down the points in a easy way so here I am sharing that unde…
Internet Business Fax to Email Made Easy - With eFax Corporate (http://www.enterprise.efax.com), you'll receive a dedicated online fax number, which is used the same way as a typical analog fax number. You'll receive secure faxes in your email, fr…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

895 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now