We help IT Professionals succeed at work.

We've partnered with Certified Experts, Carl Webster and Richard Faulkner, to bring you a podcast all about Citrix Workspace, moving to the cloud, and analytics & intelligence. Episode 2 coming soon!Listen Now

x

change GridView buttonfield styles

lyntron4545
lyntron4545 asked
on
Medium Priority
900 Views
Last Modified: 2008-01-09
Hello-
I have a ASP 2.0 gridview that can have either a template button or a regular select button to make a selection.  The problem that I have is my entire site is set under a particular style and I've changed all the other default asp buttons to match.  It is annoying to me to see the default windows buttons when the rest of the site has a nice sleek look.  Using an image button is not an option.  If there are any ideas out there I would greatly appreciate it.

Thanks-
LT
Comment
Watch Question

Software Engineer
Commented:
You could try this


    Protected Sub GridView1_PreRender(ByVal sender As Object, ByVal e As System.EventArgs) Handles GridView1.PreRender
        Dim i As Integer
        For i = 0 To GridView1.Rows.Count - 1
            gridview1.Rows(i).Cells(0).CssClass=your cssfile
        Next
    End Sub

if your select button is in the first column

Not the solution you were looking for? Getting a personalized solution is easy.

Ask the Experts

Author

Commented:
srivatsavaye-

Thanks for the quick response.  If I wanted to add the following to my code where would I do that at?

btnPrice.style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#D0D0D0,endColorStr=#ffffff)
          progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')"/>
btnPrice.Attributes.Add("OnMouseOver", "this.style.cursor='hand';this.style.border='Inset';style.borderWidth='2'")
btnPrice.Attributes.Add("OnMouseOut", "this.style.cursor='default';this.style.border='Solid'; style.borderWidth='1'")

Thanks again-
LT

Author

Commented:
srivatsavaye-

I've tried the code you gave me and I've inserted the code that I had a question on.  The only problem that I have is the page still renders with the default button but once I roll over them they change to the corrrect style.  What is happening????

Here is my code.
Protected Sub dgvPartPrice_PreRender(ByVal sender As Object, ByVal e As System.EventArgs) Handles dgvPartPrice.PreRender
            Dim i As Integer
            For i = 0 To dgvPartPrice.Rows.Count - 1
                Dim btnPrice As Button = CType(dgvPartPrice.Rows(i).Cells(1).Controls.Item(0), Button)

                '- Gradient background on the button -'
                btnPrice.Style.Add("filter:", "progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#D0D0D0,endColorStr=#ffffff) progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')")

                '- Rollover affects -'
                btnPrice.Attributes.Add("OnMouseOver", "this.style.cursor='hand';this.style.border='Inset';style.borderWidth='2'")
                btnPrice.Attributes.Add("OnMouseOut", "this.style.cursor='default';this.style.border='Solid'; style.borderWidth='1'")
            Next
End Sub
Access more of Experts Exchange with a free account
Thanks for using Experts Exchange.

Create a free account to continue.

Limited access with a free account allows you to:

  • View three pieces of content (articles, solutions, posts, and videos)
  • Ask the experts questions (counted toward content limit)
  • Customize your dashboard and profile

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.