ExtJS image not getting displayed properly - extjs

Is there some way to find out the list of images associated with an example? When i double click some example then the images are coming perfect but while implementing it in my project, I am having lots of image problems. e.g. In the Grid cell-editing example demo, when I implement it in my project then the Sort Ascending, Sort Descending and Columns images are not getting displayed. I tried running this in Chrome and FIrefox but not getting any missing image error/exception/warning as well.
Please let me know about this.
Regards,

If you just need a couple of images, you can right-click the images in the working example and click "Inspect Element". For the grid cell-editing demo, the images are '/resources/themes/images/default/grid/sort_asc.gif', '/resources/themes/images/default/grid/sort_desc.gif', and '/resources/themes/images/default/grid/grid3-hd-btn.gif'. They are referenced in the ext-all.css file, so if the images are missing in your version and you aren't seeing any console errors, your version of the css file might not reference those background images.

Related

CSS not working in PaxWeb Http Whiteboard

I am using PaxWeb Http Whiteboard service in Apache Karaf; while everything works, I am unable to get certain CSS styles rendered properly -
for example,
arrow-dropup-circle {
content: "\f364";
}
This is supposed to display a drop up circle but when hosted in PaxWeb, though the css is loaded; it does not render the content. While it displays square boxes in chrome, in firefox; it just shows the number f364 in a square box.
Please note that this works when I host my website in NodeJS.
My blueprint is same as the one given here.
Can someone shed some light into why am not getting css rendered properly?
Thanks
Venkatesh Laguduva
I had a same issue. In my case, font files (like .ttf, .woff) were failed to decode while loading the page. Maven was corrupting that. It is filtering files with those extensions. To exclude files from filtering based on the extension, we can use "nonFilteredFileExtensions" tag in pom. This solved my decoding issue.

PowerBI unable to display image for Chiclet Slicer

So I've started using Microsoft's latest BI tool, PowerBI. I am very interested using the chiclet slicer custom visualisation module and include logos on the dashboard so that relevant data is filtered when clicked on a particular company logo.
I have added an ImgURL field in the Region table as and the URL of the website maps to the Region values. However for some reason I am not able to display the image instead the URL is displayed. See screenshots below. How can I make it to display the image instead of the URL. What am I doing wrong? Pls see screenshots below.
If I click on London, the corresponding rows are filtered i.e. clipartbest.com website is only displayed (as expected) as below, however it doesn't bring through the image:
I've tried this with different URL links and can't seem to get it work. Any ideas? Help would be appreciated.
This is solved now. You need to drag a field in the 'Values' section otherwise the images won't be displayed.

Best Way to Create Image Gallery

Please provide any examples or links which clearly explaining to create simple image gallery in Drupal 7.
Actually the image gallery should be in Thumb Nail Image with 4 images per row.
It should be categorized with simple menu.
If there is sub category, then there should be drop down menus.
Finally the gallery should be with pagination links.
I've tried with taxamony, but it not clear display as expected in front end.
Please provide the better way either thru code or any modules available.
There are different ways to do an image gallery. If something like galleria is what you are looking for you can do it very easily just by using an image field and drupal galleria module.
But in your case, you will have to use views. In that pull out the images you want, choose the
display as grid. Set the no. of columns to 4. Link to the original image. Then you can use the
Lightbox module to open them in a lightbox, if you want one.
For pagination you can use the default views pagination settings.
This might help you. Check out.

extjs gridfilter icon not showing in IE but shows in Firefox

In Gridfilters, if you are using a StringFilter field, then there is a property in StringFilter.js called :
icon: 'ux-gridfilter-text-icon',
Basically this loads a 'binocular' icon in beside the filter text box. This works fine with mozila, but with IE, the icon is not showing up.
Is this a known problem by any chance?
I am using the source at : http://ccinct.com/lab/filter-grid/
My ext js ver is 3.2.1
The girdfilters version seems to be v0.2.7 as per GridFilters.js
EDIT: This works in Chrome fine. Just IE is the problem
EDIT#2: Also , the other css properties like column headers etc are fine. it is with the loading of the image that there is a problem.
Thanks. it got solved.
I had taken the filters plugin (ux,resources) folders, and distributed the files in diff packages in my web application.
For some reason, that messed up things even though the references were all correct. When I started using the package as it was given, it got solved.
Not sure why though.

Problem publishing images in Silverlight PivotViewer

I'm working on a Silverlight PivotViewer app and using the Excel Pivot Collection tool to generate my image files. Everything works perfectly except some images are not being published by the tool. As a result, when the app launches, everything looks great except there are blank spaces where the unpublished images are supposed to be. All of their data/facets are available if I click on a "blank" image.
When I dig a little deeper and look at the files that are generated, the missing images are not there. What's more interesting, if I look a the cxml file. The images information is all there only the missing images are missing their "img" attribute. For some reason, the Pivot Collection tool recognizes that there are images but chooses not to publish them. I've tried re-creating the images as both PNGs and JPGs to no success.
Does anyone know why this is happening and how I can fix it?
Delete the entire collection_files folder and the cxml file. Republish the images and then add the newly published collection_files folder and cxml file to your project.

Resources