EXT JS 4.2.2 Rows in grid panel missing - extjs4.2

I'm having a really weird issue where the grid panel's height is incorrect but only on initial render. The panel has 13 items but only shows 10. If I click on the expand button the rest of the rows appear correctly. If I go to a different page then go back to the grid panel then the issue is fixed.
I found a solution that works 90% of the time by adding a set time out function and then calling dolayout
setTimeout(function ()
{
formpanel.down('[itemId=cont_46]').doLayout();
},1800)
Any ideas what I can do to remove this issue?

Turns out adding a RenderTo: to the gridpanel fixed the issue. I believe there was something wrong with the panel that the gridpanel was in or something.

Related

Ionic v4 ion-slides problems

I have created a component in my project that is purely an ion-slides UI component. I've injected into the main page of my side-drawer template app and I'm experiencing a number of issues/annoyances:
The content doesn't always center within the main pane. It seems as though the width of the individual ion-slide items all get set with an inline element style width that is greater than the pane width! I've realised that this only happens when the whole app is loaded. If I click on the side menu item of the page to reload it individually, the issue disappears. This leads me to believe it's an issue with the order that components are rendered. Can anyone help me understand what is happening? Is it a bug?
Undesired behaviour
I can't work out how to get navigation arrows to display/work - is this possible?
https://stackblitz.com/edit/angular-ionic4-test-yuppm1?embed=1&file=src/app/app.module.ts
The above Stackblitz should help to give you an idea of my setup but it doesn't show the problem I'm experiencing. It does show one other peculiarity though:
With loop set to true in the options, when you get to the last slide and you go to the next slide, it jumps to second element rather than the first! Any help on understanding why this is happening will be appreciated.
Thanks

Jquery Chosen Select scroll issue

I'm using JQuery chosen plugin, chosen single select. when i'm opening the dropdown which listing some set of values loaded in. also it's showing vertical scroll. i can able to scroll using scroll bar and mouse scroll, but i cant able to select the specific item. when mouse hovering the item, then the drop down taking me to the end of the list.
help me to fix this issue.
I found the answer for this.
thanks guys for spending time on this
the answer is
In chosen.jquery.min.js file the is code like
c = this.result_highlight.position().top + this.search_results.scrollTop(),
replace the above line by
c = this.result_highlight.position().top,
then the scroll issue will be fixed.
According to this issue https://github.com/harvesthq/chosen/issues/2504#issuecomment-194773350
the problem seems to be solved when updating the jQuery library.
I can confirm that upgrading to jQuery version 1.12.1 fixes the issue. 1.12.0 is the one with the issue.
-- DrowningElysium

mapbox with markers and checkboxes - disable all from showing on initial load?

I have a page I built to display wind direction/velocity in various locations along a bike trail:
http://microflush.org/cgi-bin/pathInfo.cgi
I have several markers in a legend, with check boxes to enable/disable them from showing up on the map.
My goal is to have NONE of the checkable markers show up on the initial load. However, when the page is loaded for the first time, ALL show up-- even though they're not checked. If I select 1, they all go away except for the one I selected, which will then disappear if I un-check that box.
Is there a way to make them all be invisible at first, and only show up if they're selected?
(You can view the source of the link above to see the code. I wasn't sure if I should post that all, since it's kinda long with all the points I've added.)
Thanks!
Resolved. The 'var map' needed to be defined earlier in the code. Working properly now.

Fixed column header scrolling not working when viewed in Browser(IE)

I am trying to freeze all column headers in a report when scrolling, and it is working properly in BIDS. But when I run this in report manager (IE browser) it is not working. I have done this feature by going to Advance mode-->Row Groups-->Static-->Properties and set FixedData to True, KeepWithGroup to After, RepeatOnNewPage to True.
Could anyone let me know how to solve this?
Thanks
You should try doing this by right clicking on your table and going to Tablix Properties. The below screen will pop up. Click on Repeat Header Rows on each Page and Keep Header Rows Visible While Scrolling.

JQuery Mobile Custom Select Menu is visible when unselected

I was having the same problem as this question:
jQuery Mobile 1.1.1 Custom Select Menu - Placeholder Text not Visible
The above question solved my problem by telling me to use 'http://code.jquery.com/mobile/latest/jquery.mobile.min.js'. That solved my original problem but caused another.
The select menu is always displayed and doesn't center on the select item like it did before.
After:
Does anyone know how to fix this. I think I might be able to hide and show the menu if that was the only problem that I was having, but even when selected it is not in the right position. It should be centered over the select element both horizontally and vertically (if given enough vertical space).
This is caused by the latest release of JQuery, but I also can't download 1.1.1 because it causes the original problem that I had which was solved in the other question.
Looks like the menu is displaying relative to the rest of the content - Try adding a css line on there
position:absolute;
on the menu structure - Another good way to test this would be to load up your site in google chrome and use firebug to see why the menu is positioning lower than the "click point." Just on glance it appears that the menu is appearing relative.