GridView customization

This forum is only for questions or discussions about working with the mojoPortal source code in Visual Studio, obtaining the source code from the repository, developing custom features, etc. If your question is not along these lines this is not the right forum. Please try to post your question in the appropriate forum.

Please do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.

This forum is for discussing mojoPortal development

This forum is only for questions or discussions about working with the mojoPortal source code in Visual Studio, obtaining the source code from the repository, developing custom features, etc. If your question is not along these lines this is not the right forum. Please try to post your question in the appropriate forum.

You can monitor commits to the repository from this page. We also recommend developers to subscribe to email notifications in the developer forum as occasionally important things are announced.

Before posting questions here you might want to review the developer documentation.

Do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.
This thread is closed to new posts. You must sign in to post in the forums.
1/12/2011 5:37:51 AM
Gravatar
Total Posts 50

GridView customization

Hi,

i'm developing a custom module with a GridView and i'm trying to style it.

i was looking in this post about customizing GridView.

i checked the adapter in the mojoPortal.Web project -  App_Browsers/CSSFriendlyAdapters.browser and saw that all references are commented out for:

<adapter controlType="System.Web.UI.WebControls.GridView"
adapterType="mojoPortal.Web.GridViewAdapter" />

 

still my GridView hasn't changed and has no design.

in the source code this is what im seeing. can someone explain where this is coming from and how i can customize it ?

 

    <table cellspacing="0" cellpadding="0" align="Left" rules="all" id="ctl01_mainContent_ctl00_GridView1" style="border-width:1px;border-style:Solid;font-size:Small;font-weight:normal;font-style:normal;text-decoration:none;border-collapse:collapse;">

     <tr align="left" valign="middle" style="border-width:1px;border-style:None;font-size:Small;font-weight:bold;font-style:normal;text-decoration:none;">

      <th scope="col">.....</th>

     </tr><tr align="left" valign="middle" style="border-width:1px;border-style:None;font-size:Small;font-weight:normal;font-style:normal;text-decoration:none;">

      <td>

                   ........

     </td>

     </tr>

    </table>

   </div>
 

Thanks

 

1/12/2011 7:06:06 AM
Gravatar
Total Posts 18439

Re: GridView customization

Hi,

If you use the standard <asp:GridView it is up to you to provide style for it in your CSS. We don't use the CSS adapters on the <asp:GridView because we want to keep it possible for you to use the default <asp:GridView. Instead we created <mp:mojoGridView which inherits from <asp:GridView and does use the CSS adapter. We include several pre-made themes for the mojoGridView that you can choose from in your style.config file and it is also possible to make your own theme from CSS and images. 

In style.config you can see the available choices of included themes commented out, and only one is uncommented that is the one used in the skin:

<file cssvpath="/Data/style/gridview/ChromeBlackGridView.css" imagebasevpath="/Data/style/gridview/">none</file>

  <!--
  <file cssvpath="/Data/style/gridview/ChromeBlackGridView.css" imagebasevpath="/Data/style/gridview/">none</file>
  <file cssvpath="/Data/style/gridview/ChromeGridView.css" imagebasevpath="/Data/style/gridview/">none</file>
  <file cssvpath="/Data/style/gridview/GlassBlackGridView.css" imagebasevpath="/Data/style/gridview/">none</file>
  <file cssvpath="/Data/style/gridview/SoftGreyGridView.css" imagebasevpath="/Data/style/gridview/">none</file>
  <file cssvpath="/Data/style/gridview/WhiteChromeGridView.css" imagebasevpath="/Data/style/gridview/">none</file>
  <file cssvpath="/Data/style/gridview/YahooGridView.css" imagebasevpath="/Data/style/gridview/">none</file>
  -->

Hope it helps,

Joe

 

1/13/2011 2:35:23 AM
Gravatar
Total Posts 50

Re: GridView customization

Got it, Cheers !

You must sign in to post in the forums. This thread is closed to new posts.