function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Vishal_ThoriyaVishal_Thoriya 

How to prevent Ext Js Style overriding.

I am having problem with Ext js style:

 

I am redering the grid of Ext js on my visualforce page but visualforce page is overiding the styles of my grid.

 

but it works fine if i write:

<apex:page standardStylesheet="false" showHeader="false" sidebar="false">

</apex:page>

but this is not a solution for me i want header and sidebar both in my page.

 

Any other solution ?

 

how can i prevent overridng the styles issue?

 

 

Any kind of help will be greatly appriciated.

 

Thanks,

Vishal Thoriya.



AmitSahuAmitSahu

<apex:page standardStylesheet="false" showHeader="false" sidebar="false">

 

can you use this ?

 

<apex:page standardStylesheet="false" showHeader="true" sidebar="true">

 

Regards,

J

Vishal_ThoriyaVishal_Thoriya

Hi j020

 

Thanks for the help but your idea is also not working.

SidzSidz

You can try overriding the independent styles in this fashion

lets say your css has something like this

.p{

width:100px;

height:200px;

}

change it to

.p{

width:100px !important;

height:200px !important

}

 

it should override the styles.

Vishal_ThoriyaVishal_Thoriya

It is also not working because my default styles of Ext js are getting conflicted.

 

Thanks for the help.

 

my problem is not solved yet.

 

 

SidzSidz
can u load this css file after all the default styles of ext js are loaded?
Vishal_ThoriyaVishal_Thoriya

But how can i do that?

SidzSidz

Am not really sure how we do it in ext js but if it is jquery i would do something like this

 

<link id="mylink" href="" type="text/css" />
jQuery(document).ready(function(){
	//override the css properties
	jQuery('#chosenElement').css('css-property','css-value!important');
	
	//OR
	
	//reload the link file again
	jQuery('#mylink').attr('href','url of the css file');
});

 

Vishal_ThoriyaVishal_Thoriya

Great.

 

for jquery not an issue.

 

but i have to find something better for Ext Js.

 

Thanks for the help.

 

But my issue is still no resolved.

 

Thanks,

Vishal Thoriya.

SidzSidz

Internally salesforce.com uses ext js for most of the UI components so it might be causing the problem.

 

Can you try using an iframe to avoid this issue

 

one visualforce page without sidebar , header and the other vf page which has an iframe with src url as the first vf page.