Quick Nav:  Online Store   |   Login | Register
Forums >Snapsis Product Support >Bugs and other Issues

Pageblaster + css

Rate this topic:

Please Register to post a reply. Another benefit of registration is the ability to subscribe to and recieve notifications of new posts.
AuthorMessages
eureka
<100 Posts
Posts:84


04/21/2007 4:16 AM  

Hi John

I have been troubleshooting my css and in particular a module.css file for days. I have used webdeveloper IE and editing using FF but this has had no effect on the size or colour of the font I am trying to change. ( I have contacted the module developer and informed that the module only uses the assigned module.css file)

This is just a stab in the dark but I was wondering if perhaps, pageblaster could somehow effect the css files from 3rd party modules?

Thanks

Lynn

 

www.drivewaydesign.eu For A Dream Driveway
www.luzzucruises.com Make the most of Malta
www.a2zdom.com Domain name matters


John Mitchell
Posts:2755


04/21/2007 7:06 AM  
Hi Lynn,
No, PageBlaster doesn't touch anything with the CSS extension unless that extension has been mapped to ASP.Net on your IIS server, which is highly unlikely.

If you want to describe the problem and send me a link, I may be able to help you find out what is going on.
eureka
<100 Posts
Posts:84


04/22/2007 5:50 AM  

Hi John

No I didn't think Pageblaster had an effect, I was just trying to find an explanation.

Basically the problem is this:

I have installed:  SQLGridSelectedView - V4.0J  module, it is an excellent module from: http://www.tressleworks.ca/Home/tabid/63/Default.aspx

The module ships with its own module.css (see below)

/* ======== SQLGridSelectedView Custom Styles ======== */
.SGSV_Grid {
background-color: White;
    border-color: LightGrey;
    border-width: 5px;
    border-style: Solid;
    border-collapse: collapse;
    margin: 2px
} 
.SGSV_GridItem {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
.SGSV_GridAlternateItem {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    background-color:#E8E8E8
}
.SGSV_GridHeader {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}
.SGSV_GridFooter {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}
.SGSV_GridColumn {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal
}
.SGSV_GridPages {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}
.SGSV_Header {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}
.SGSV_Footer {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}
.SGSV_Prompt {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}

/* additional styles */

.SGSV_Normal {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
.SGSV_NormalBold {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}

/* ====== SQLPageSelectedView Custom Styles ========== */
.SPSV_Grid {
    background-color: White;
    border-color: LightGrey;
    border-width: 1px;
    border-style: Solid;
    border-collapse: collapse;
    margin: 2px
} 
.SPSV_GridItem {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
.SPSV_GridAlternateItem {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    background-color:#E8E8E8
}
.SPSV_GridHeader {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
}
.SPSV_GridFooter {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}
.SPSV_GridColumn {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
.SPSV_GridPages {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}
.SPSV_Header {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}
.SPSV_Footer {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}
.SPSV_Prompt {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}

/* additional styles */

.SPSV_Normal {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
.SPSV_NormalBold {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}

According to the instructions it should be possible to customise the css styles and further to be able to create extra specific css styles to be assigned to selected SQL expressions (which I am hoping to eventually achieve). 

However in the meantime, I can't even get the font colours to change. e.g.:

Default:

.SPSV_GridHeader {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
}

My style:

.SGSV_GridHeader
 {font: bold small-caps 1.2em Arial, Helvetica, sans-serif; color:#fff;  text-align:center; background-color:#50658F; }

The background colour and text alignment will change but the font remains black instead of  white (#fff;) on my edited dark blue background.

I have tried to replace the default module.css with my own:

/* ======== SQLGridSelectedView Custom Styles ======== */

/*  sets the data grid */
.SGSV_Grid { background-color: White; border: solid #0D1D43 5px;  margin: 2px; } 

/* sets the grid item row */
.SGSV_GridItem, .SGSV_GridAlternateItem  {    font: bold 1.0em Arial, Helvetica, sans-serif; color:#000;  }

/* sets the alternate item row */
.SGSV_GridAlternateItem { background-color:#e6e6e6;}


/* sets the items displayed */
.SGSV_GridHeader
 {font: bold small-caps 1.2em Arial, Helvetica, sans-serif; color:#fff;  text-align:center; background-color:#50658F; }
 
 /* sets the class for the record count, time stamp and page counts */
.SGSV_GridFooter { font: bold 0.9em family: Tahoma, Arial, Helvetica; color:#000;}

/* default by all columns */
.SGSV_GridColumn {   font: bold 1.0em Arial, Helvetica, sans-serif; color:#000;  }

 /*  sets the class used by the page links when paging is enabled*/
.SGSV_GridPages {   font: normal 0.9em Arial, Helvetica, sans-serif;   }


.SGSV_Header { text-align:center;   font: bold 1.0em Arial, Helvetica, sans-serif; color:#000;  }
   
.SGSV_Footer {    font: bold small-caps 0.9em Arial, Helvetica, sans-serif; color:#000;  }

/* sets the class for the labels */
   
.SGSV_Prompt {    font: bold small-caps 0.9em Arial, Helvetica, sans-serif; color:#000;  }
   

/* additional styles */

.SGSV_Normal {    font: normal 0.9em Arial, Helvetica, sans-serif; color:#000;  }
   
.SGSV_NormalBold {    font: bold 0.9em Arial, Helvetica, sans-serif; color:#000;  }
  

/* ====== SQLPageSelectedView Custom Styles ========== */
.SPSV_Grid { background-color: White; border: solid #0D1D43 5px;  margin: 2px; } 
   
 
 
.SPSV_GridItem,  .SPSV_GridAlternateItem{    font: bold 1.0em Arial, Helvetica, sans-serif; color:#000;  }

.SPSV_GridAlternateItem { background-color:#e6e6e6;}
  
   
.SPSV_GridHeader  {font: bold small-caps 1.2em Arial, Helvetica, sans-serif; color:#fff;  text-align:center; background-color:#50658F; }

 

.SPSV_GridFooter {    font: bold small-caps 0.9em Arial, Helvetica, sans-serif; color:#000;  }


.SPSV_GridColumn {   font: bold 1.0em Arial, Helvetica, sans-serif; color:#000;  }


.SPSV_GridPages {   font: normal 0.9em Arial, Helvetica, sans-serif;   }

.SPSV_Header { text-align:center;   font: bold 1.0em Arial, Helvetica, sans-serif; color:#000;  }


.SPSV_Footer {    font: bold small-caps 0.9em Arial, Helvetica, sans-serif; color:#000;  }


.SPSV_Prompt {    font: bold small-caps 0.9em Arial, Helvetica, sans-serif; color:#000;  }


/* additional styles */

.SPSV_Normal {    font: normal 0.9em Arial, Helvetica, sans-serif; color:#000;  }

It is so frustrating, I have put this module on many pages, here is an example of just one:

http://www.a2zdom.com/Domains/AZDomains/ADomains.aspx

I would welcome any suggestion.

Regards

Lynn
.SPSV_NormalBold {    font: bold 0.9em Arial, Helvetica, sans-serif; color:#000;  }

 

www.drivewaydesign.eu For A Dream Driveway
www.luzzucruises.com Make the most of Malta
www.a2zdom.com Domain name matters


John Mitchell
Posts:2755


04/22/2007 6:49 AM  
The SGSV_GridHeader class is on a Table Row (TR), but the text is in a Table Cell (TD), so if you have a css selector that targets a TD element directly then it will be more specific and override the color defined for the row.

Try it like this :
.SGSV_GridHeader td
{font: bold small-caps 1.2em Arial, Helvetica, sans-serif; color:#fff; text-align:center; background-color:#50658F; }


eureka
<100 Posts
Posts:84


04/22/2007 8:37 AM  
Hi John

Wow I wasn't expecting a soltuion so fast. Thanks so much for that, it worked brilliently. I would never have thought of that solution, I would have propably have eventually given up and just kept the default colours and font size.

Your help is much appreciated.

Regards
Lynn
www.drivewaydesign.eu For A Dream Driveway
www.luzzucruises.com Make the most of Malta
www.a2zdom.com Domain name matters


John Mitchell
Posts:2755


04/22/2007 8:46 AM  
Thanks Lynn,

Every once in a while I get lucky :) .
Please Register to post a reply. Another benefit of registration is the ability to subscribe to and recieve notifications of new posts.
Forums >Snapsis Product Support >Bugs and other Issues > Pageblaster + css



ActiveForums 3.7
Powered by: Snapsis Software