I'm using tinyMCE v4. Is it possible to create a print margin (visual only) at custom position (e.g. 700px)? In the image below, print margin is marked with orange color.
TinyMCE has no built in way to do this. You could use CSS to apply something to the <body> of the document inside the editor to get that effect.
Related
I am creating in Mapbox Studio a style from scratch. I have a poi-label layer that filters by data. I can see the filter works. I can place a text label at the location of the poi, all in Mapbox Studio.
For the life of it I cannot show an icon with the text. I have tried to paste a some_maki.svg from the Maki iconset in to the "Icon image" field. THe cursor indicates that pasting is a valid operation, the image is uploaded, but it does not show on the map. What gives?
The Maki icon set provides each icon in two SVG sizes: 11px by 11px and 15px by 15px. So, when you use the name of a particular Maki icon in the 'icon-image' layout property, you also need to append the icon's name with either -11 or -15.
For example, consider the 'icon-image' for the poi-label layer in the default Mapbox Street style when inspected in Mapbox Studio:
So, if you include & "-11" or & "-15" in your icon image formula, and the referenced icon is included in your style's sprite sheet, the icons should show up as expected. You can add and remove image's in your style's sprite with the image toolbar, as described in the documentation here.
I am creating a webpage that lists the employees of a company. Every employee is supposed to get its own box with text on the left and a picture of them on the right. In order to do so I have used a 'Text & Images' content element for each employee.
However, the options for image alignment do not allow me to place the image to the right of the text using text wrap (all options are no-wrap options). What would be the best way to ensure the pictures do end up to the right of the text?
This is an example of a picture that is right aligned with wrap.
Additionally I would also like the style the border of each 'Text & Images' content element. How would I go about this?
When using the "Text and Images" content element, you have the following options about the position of the images and text:
Above, center
Above, left
Above, right
Below, center
Below, left
Below, right
In text, right
In text, left
Beside text, right
Beside text, left
both "In text, right" and "In text, left" wrap the image with text, as on the following example picture:
If you have less options, there is some TSConfig that is limiting the number of options; that could be something like
TCEFORM.tt_content.imageorient.removeItems = 17,18
About the CSS, you have several ways to include yours; for example you can add your own file using page.includeCSS as documented here or you can overwrite the TypoScript included by the Fluid Styled Content with your own (see plugin.tx_frontend._CSS_DEFAULT_STYLE ) on the Template Analyzer.
To include the default CSS, you have to include the Static TypoScript Fluid Content Elements CSS (optional) (fluid_styled_content) in your template, like on this picture:
Also, I would use an inspector to be sure that the CSS has not been accidentally overridden.
Im using jstree with a dark background, so I wonder how can I change the color of dash-lines(not sure if I call it correctly) between each node. Is it possible with CSS?
As I checked, it seems the dash-lines coming from 32px.png file.
BR
Nima
You will have to edit the 32px.png file to change the dotted line color. I did this for my dark-background web page and it looks much better. I edited the png file with Photoshop Elements and used the "Enhance| Adjust Color| Replace Color" menu to change the black color to a lighter grey by moving the Lightness slider. I also changed the interior color of the selected arrows. Once done editing, save a copy of the original and then replace the file in your CSS themes folder where style.css is.
I can't attach my copy of 32px.png, but here's how to make the change in Photoshop Elements. Other photo editors likely have the same functionality.
Replace Color in Photoshop Elements – Instructions
You can use Bootstrap themed JSTree.
Check out link: enter link description here
with CSS is not posible.
I'm working on a website template and Internet Explorer is giving me a headache since I'm unable to display the search form field and button correctly. z-index in CSS is not doing much either.
By the way, how can I move the input area after the loupe icon?
Check the website here:
http://gabrielmeono.com/yonature/
Chrome:
In IE8:
Three things:
IE8 does not support border-radius, which is being applied to that field.
Your CSS references a file that's missing, border-radius.htc which is for adding rounded corners in "all major browsers other than IE."
You should be able to add a left padding value on the field to force the text further to the right. It may be safer to make a white, rounded container and position the search button and text field within it.
Edit: I was wrong; the border-radius (curved-corner) file should work for IE6-8.
I'm using a barcode font (IDAutomationMC39H) in an SSRS 2005 report I'm developing, and while it renders fine in the preview in BIDS, if I export the results to PDF, print the results, or do any of the above (including preview) in Report Manager, the barcode font is extending off the top of the textbox. The barcode itself is nearly 20px tall, even at only a 12pt size. I've tried changing the CanGrow value for the textbox, but it seems that even with that set off the barcode isn't pushing the bottom edge of the textbox downwards, it's simply extending over the top of the box. I've also tried resizing the textbox to allow it to contain the entire height of the font, but even with the VerticalAlign set to Bottom the barcode still sticks to the top of the textbox and overflows out the top.
See screenshot here:
http://imgur.com/JDC4Z.png
Does anyone know how to force the font to be bound by the top of the box, instead of overlapping it?
I tried with no real success to get font-based barcoding to work. Ended up getting the boss to pay for NeoDynamic BarCode Professional which works great and has a lot more flexibility than fonts.