I use ModX and would like to change the size of a displayed image under "fancybox". However, I can not find the CSS file in which the details are.
Code-Picture
The "element.style" can be seen in the picture. This is likely to be created. What I want to change is the "width: 494px;" To adjust the overall size of the image. Where can I find that ?
If you need to change that width - than change it in fancybox options - http://fancybox.net/api
Let me know if you need further help with that. You can and should use pthumb for the resizing and caching before passing into a slider or lightbox tool.
pthumb is the fork of phpthumbof.
https://modx.com/extras/package/pthumb
Related
I want to make a simple panel with just:
Text as a link to another dashboard
Background as traffic light colour based on a metric
Hidden underlying metric (do not want to see it)
Singlestat would be ideal but I can't see how to hide the metric or make text a link. Any ideas?
Thank you!
I have found a solution:
Use the SVG plugin (https://grafana.com/plugins/marcuscalidus-svg-panel)
Create an SVG rectangle with the text you want (eg. Google drawing & export)
Include a link in the SVG code (https://alligator.io/svg/hyperlinks-svg/)
Change rectangle colour based on metrics (code inside the Javascript area):
To find the metrics to add to javascript:
Use console.log(ctrl) to see what metrics are in your panel
The one I wanted was in ctrl.series[0].stats.current
..............................................................................
My javascript code:
var S = Snap(svgnode);
var c = S.select("#rect");
if (ctrl.series[0].stats.current > 10)
c.attr({"fill": "#DAF7A6"});
..............................................................................
Good website for an example.
https://community.hiveeyes.org/t/how-to-visualize-2-dimensional-temperature-data-in-grafana/974/6
Youtube video with something similar:
https://www.youtube.com/watch?v=aVS13Q36D34
I have a need to allow the authors to be able to do image cropping while authoring. This was easily done using html5smartimage xtype in classic UI. However, in touch UI there seems no replacement for the same. Is there a way to achieve this.
Note: This requirement is for the authoring and cropping of the image in the page properties dialog, so the inplaceediting of image cant be used there.
only replacement available is resourceType - cq/gui/components/authoring/dialog/fileupload
with attribute useHTML5 = true
example can be found under - /apps/core/wcm/components/image/v1/image
cropping option is only availabe for inplace editing.
my pdf file is rendering in a CDialogEx(it's MFC Class),and what i want is to reset the resolution when the Dialog resized.....
I find a solution via the mupdf offical downloads site:first set the desired resolution with pdfapp_setresolution(...), then call pdfapp_reloadpage(...). This reaches my goal but not perfect, with this method the displaying dialog gets a conspicuous redrawing (first the background color, then recovered back normal)...
anybody have a better optimization? thanks
1st. resize the pdfapp_t object according to the view_window size via API pdfapp_onresize()
2nd. adjust the resolution of pdfapp_t object//#attentison# here the resolution needs some transformation on the basis of yr actual requirement, referencing the API pdfapp_autozoom() in pdfapp.c source file.
3rd. show page via pdfapp_showpage()
thats all :) maybe helpful to sb.
PS:lesson is that referencing the official document or example in details first :)
The new Siebel Open UI, has improve visualization. I have taken a cue from the Card Applet to meet a requirement of an image applet.
I have a created a simple applet with just one field which is the image source path from the contact BC , the html type for the field is an image control and the field retrieval type is Field Data, everything works fine except that I cant resize the image to a fixed size like the card applet for example i want the image to be resized to 200px by 200px.
See Image attached within.
have tried looking for the css attribute for the image control but I could not find it, will appreciate suggestion on this solution
I'm working on a similar requirement. I used custom css in the Siebel theme, something like this:
.siebui-icon-contactfilename>img {
width: 90px;
height: 90px;
}
Doing this I could resize the image to 90x90 px:
Regards.
# Alexander has given the perfect clue , find the css properties and edit it in this case use
.mceGridField.siebui-value.mceField > span > a > img {
width: 200px;
height: 200px;
}
I believe you must have tried this.You can set height/width css atribute to resize image,
You can directly set this in html attribute of control in applet. For example,
http://www.askmesiebel.com/2014/02/siebel-fields-validation-through-html-attributes/
If this is not your answer, please explain your question.
I'm trying to use the printing stuff in iOS 4.2 to print from my iPhone app, but I'm having real trouble getting multi-page content to display nicely. As you can see in the attached screenshots of PDFs generated through the iOS printing API, UIMarkupTextPrintFormatter really likes to use a painfully small top-margin when rendering.
Additionally, it doesn't seem to try to split block-elements too nicely either ... it's tough to see in the screenshot but the page break actually occurs halfway through a table row, rather than on a border between rows.
I've tried using the CSS #page directives to specify page boundaries, however iOS Webkit doesn't seem to support these at all.
Does anyone know of any techniques, either in HTML or through the iOS SDK to make these top-margins bigger?
I really don't want to write a custom UIPrintPageRenderer class because I'm trying to give my users the ability to customize their printouts through HTML templates ... going with a custom renderer would almost certainly make this impossible (or really difficult).
Any help is much appreciated!
You're on the right track with UIPrintPageRenderer, but fortunately you don't need to write a custom subclass to do this. All you need to do is instantiate a vanilla UIPrintPageRenderer, set the headerHeight and footerHeight properties, and add your HTML formatter to the renderer using addPrintFormatter:startingAtPage:. It only takes a few extra lines of code, I have posted my method here: Print paper size and content inset