Jump to content

[Touch-DBGrid] How to change header & row height from Custom CSS


mterceno

Recommended Posts

Hi all,
 
I can't modify these properties with CustomCSS. I tried with several examples but it doesn't work !
Only solution for the moment is implement an client event but I don't know the property to set for the Header/Column height:
 
function beforeInit(sender, config)
{
  config.itemHeight = 35; 
}
 
PS: A CSS code is much appreciate to avoid to define this event for each dbgrid on my app :)
 
Thank you for your help.

 

Link to comment
Share on other sites

Hello,

 

Thank you for your answer. The CSS code works fine only for the column height.

It remains a problème with this HTML tag :

 

<div class="x-container x-grid-header-container x-dock-item x-docked-top x-sized" id="ext-headercontainer-1" style="height: 65px !important;">

 

I tried to add this css code but it doesn't work  :wacko: .

 

.x-container .x-grid-header-container .x-dock-item . x-docked-top .x-sized{
    height: 30px !important;
}
 
Do you have any idea to modify the height for these classes (.x-container .x-grid-header-container)?
 
Best regards,
Link to comment
Share on other sites

  • 10 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...