iSeller Commerce
iSeller POS Retail
iSeller POS F&B
iSeller POS Express
Crosslight
WebUI
ClientUI
What's New
Download Trial
Web Solution
Mobile Solution
Enterprise Solution
Custom Development
Blog
Community
Latest Development Blogs
ForumPostTopic
Browse By Tag
Hi
In WebExplorerBar, we are seeing a bug in Firefox. In IE, disabled WebExplorerBarItems will show correctly, with them greyed out, but in Firefox, they show as normal, even though they are disabled and cant be actually selected, they act like you can select them.
Eric
Read your reply. You didnt tell me what to do!
How do i resolve this issue?
Also, you are dead wrong. This is an issue with your system. If i put in standard formating, and it works in IE, it should work in Firefox.
Hello,
Thank you for your reply.
If we use SetDisable() method to disable the pane of WebExplorer, this method will adding disabled attribute to the pane.Each browser has the different behavior in rendering this disabled attribute.
I made a simple web page sample using a table. I add two TD and I add disabled attribute to one TD.Then I run the sample in IE, Firefox, and Chrome. The result is only in IE make the text in TD become to silver, indeed. See in Table_Disabled_Result.png.You could try my simple web page sample (Table_Disabled.html) to see the result.
To get result same styling when we disabled the pane, you could use this example snippet code:
function DisableBar() { var explorerPane = ISGetObject("WebExplorerPane1"); var panes = explorerPane.Panes; panes[0].SetDisable(); //remove disabled attribute panes[0].GetElement().removeAttribute("disabled"); // set header color panes[0].GetElementText().style.color = "Red"; // set item container color var itemElement = panes[0].GetContentElement().childNodes[0].childNodes[0].childNodes[0].childNodes[0]; if(IS.ie) itemElement.childNodes[0].childNodes[0].style.color = "red"; else itemElement.childNodes[1].childNodes[0].style.color = "red"; }
If you don’t mind, could please kindly have review on my sample (WebExplorerPane_Disabled.zip) and let me know your response.
Thank you.
Regards,Hans.
No, it is the ITEMS in the pane that are the issue. How are they supposed to be disabled client side, so that they show disabled, in all browsers? You need to understand that this is a bug, because what works in IE, doesnt work in Firefox. You need a very specific call to disable items in the pane that is part of the your system, so that different browsers all work the same.
What code do i need to change to make this work? The following is the code that your team told me to use to disable an item in the pane. it doesnt work in Firefox.
function DisableBar(pane, item) {
var explorerPane = ISGetObject("WebExplorerPane1");
explorerPane.Panes.GetNamedItem(pane).PaneItems.GetNamedItem(item).Enabled =
false;
explorerPane.Panes.GetNamedItem(pane).PaneItems.GetNamedItem(item).GetElement().disabled = true;
}
Basically, WebExplorerPane use “disabled” attribute to set the disabled styling.However, like I said in my prior post, this attribute styling doesn’t apply to all browsers, in this case Firefox.
I made a simple WebExplorer sample, using your javascript code.In my sample, I disabled one item in pane and turn the item’s color to gray.I run the sample in Firefox and it works fine.
Please kindly have a review on my sample and let me know if there are configurations that I missed.I attached the video about the result of my sample.
Ok the one thing that was missing in my code was:
explorerPane.Panes.GetNamedItem(pane).PaneItems.GetNamedItem(item).GetElement().style.color = "Gray";
Adding this fixed the issue client side. But Server side it still doesnt work.
Any pane items set disabled on server side show as enabled (but cant be selected) in FIrefox, but work just fine in IE.
If you want to change the font color after from server side, perhaps you might try to use RegisterStartupScript method to call javascript code.
I made a simple sample using this RegisterStartupScript method, to change the font color.
Please kindly have a review on my sample once again.
Hope this helps.
No no, on page load, its not showing the pane items that are set as disabled, in the disabled format.
In IE, on page load, all the pane items that are disabled, show correctly.
In Firefox, they show as enabled, and it highlights them if you go over them, but they are not selectable.
This is a bug, no other way to look at it.
Perhaps you could try this work around code below:
protected void Page_Load(object sender, EventArgs e) { //get the number of "bar_Picture Tasks" items int iPaneItems = WebExplorerPane1.Panes.GetNamedItem("bar_Picture Tasks").PaneItems.Count; for (int j = 0; j < iPaneItems; j++) { var viewPaneItem = WebExplorerPane1.Panes.GetNamedItem("bar_Picture Tasks").PaneItems[j]; //if the item was disabled if (viewPaneItem.Enabled == false) { string javaScriptCode = ""; javaScriptCode += "var explorerPane = ISGetObject('WebExplorerPane1');"; javaScriptCode += "var viewPaneItem = explorerPane.Panes.GetNamedItem('bar_Picture Tasks').PaneItems[" + j + "];"; javaScriptCode += "viewPaneItem.GetElement().style.color = 'Gray';"; this.Page.ClientScript.RegisterStartupScript(this.GetType(), "Script", javaScriptCode, true); } } }
This code will change the color of disabled item to gray.I have modified my sample as well. You could review on my sample to see the result.
VERY IMPORTANT
are you telling me this is not a bug?
WHy would it work perfect in IE, and not work in Firefox?
I am posting here to show you. This is a major bug in the Pane system, and we need to know how to address it. I have tried your code above, and it does not resolve the issue. Point blank, i should not need to do that specialized code just for firefox, as i dont need to do this for any other part of your systems. if a pane item is disabled, it should act disabled in all browsers, not just IE.
In the screen captures i have attached, you will see several issues.
1) Any disabled items show and act correctly in IE (9), but do not show or act correctly in Firefox
2) The standard gradient at the top bar shows correctly in IE, but not correctly in Firefox.
I’ll submit this issue to the developer team.
Meanwhile, if you don’t mind, could you provide me a simple runnable sample that replicates this issue?Perhaps I could help to implement the work around to your sample.
Or could you inform me if there are configurations that I missed in my sample?
or
Choose this if you're already a member of Intersoft Community Forum. You can link your OpenID account to your existing Intersoft Social ID.
Choose this if you don't have an Intersoft account yet. Your authenticated OpenID will be automatically linked to your new Intersoft account.
Enter your Wordpress Blogname