Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.
Hi all, please see this major site announcement: https://www.boards.ie/discussion/2058427594/boards-ie-2026

Upgraded Firefox, now my DetailsView border lines are different!

  • 20-12-2011 03:28PM
    #1
    HellFireClub
    Closed Accounts Posts: 3,911 ✭✭✭


    Hi Folks,

    Just found something that is niggling at me! I have a detailsView on some of aspx pages on my website. Before I upgraded my Firefox version, the DetailsView displayed EXACTLY as I had designed them,

    <asp:DetailsView ID="DetailsView1" runat="server" AutoGenerateRows="False" AllowPaging="true" DataKeyNames="ID" DataSourceID="SqlDataSource2" Height="50px" Width="540px" AutoGenerateEditButton="true" EditRowStyle-Width="100">
    <RowStyle Font-Size="Small" ForeColor="#CCCCCC" BorderStyle="Dashed" BorderWidth="1" BorderColor="DimGray" />
    <Fields>

    Previous to undating my version of Firefox, I had a DetailsView that had dashed borders, but after upgrading, the lines are straight?!? Just wondering why upgrading a browser would cause this to happen?!? Also, this happens when I use IE or Opera as well as far as I know...


Comments

  • #2
    HellFireClub
    Closed Accounts Posts: 3,911 ✭✭✭HellFireClub


    Have also tried:

    <asp:DetailsView ID="DetailsView2" runat="server" AutoGenerateRows="False" AllowPaging="true" FieldHeaderStyle-Width="20%"
    DataKeyNames="ID" DataSourceID="SqlDataSource3" Height="50px" Width="540px" BorderStyle="Dashed" AutoGenerateEditButton="true" >
    <RowStyle Font-Size="Small" ForeColor="#CCCCCC" BorderStyle="Dashed" BorderWidth="1" BorderColor="DimGray" />

    With no result...


  • #3
    Malice
    Registered Users, Registered Users 2 Posts: 15,079 ✭✭✭✭Malice


    When you inspect the element in Firefox using Firebug what does it tell you about the style?


  • #4
    HellFireClub
    Closed Accounts Posts: 3,911 ✭✭✭HellFireClub


    Malice wrote: »
    When you inspect the element in Firefox using Firebug what does it tell you about the style?

    I didn't try that, how do I check that?


  • #5
    HellFireClub
    Closed Accounts Posts: 3,911 ✭✭✭HellFireClub


    Just found the solution to this by rummaging through Google, for anyone else who runs into the same problem, the fix is to set the GridLines = "None" when setting up the DetailsView...



    <asp:DetailsView ID="DetailsView2" runat="server" AutoGenerateRows="False" AllowPaging="true" FieldHeaderStyle-Width="20%"
    DataKeyNames="ID" DataSourceID="SqlDataSource3" Height="50px" Width="540px" GridLines="None" BorderStyle="Dashed" AutoGenerateEditButton="true" >
    <RowStyle Font-Size="Small" ForeColor="#CCCCCC" BorderStyle="Dashed" BorderWidth="1" BorderColor="DimGray" />


  • #6
    Malice
    Registered Users, Registered Users 2 Posts: 15,079 ✭✭✭✭Malice


    HellFireClub wrote: »
    I didn't try that, how do I check that?
    Go here and install the Firebug plugin. You may have to restart Firefox, I can't remember. Anyway, once it's installed, right-click on the offending page element and select "Inspect element" from the menu. Firebug should start up and you'll be able to see what styles are being applied to the element on the HTML tab.


  • Advertisement
  • #7
    Giblet
    Registered Users, Registered Users 2 Posts: 12,036 ✭✭✭✭Giblet


    You should really set the CSSClass property instead of styles on the control and use an external style sheet.


Advertisement
Advertisement