Docx4J specific text change to image infront text - bookmarks

https://www.programmersought.com/article/6413972878/
I use this site
I create image bookmarkName position
but i want to set image infont
how can i do?

I take it you mean, in Word, "wrapping style - in front of text".
For your w:drawing, try these additional settings:
<w:drawing>
<wp:anchor allowOverlap="true" behindDoc="false" >
<wp:wrapNone/>
Use drawing.getAnchorOrInline() to get the Anchor

Related

Can I add a css style in the formula editor in crystal report

In crystal report:
right click on a field -> edit formula. I can add some html elements.
example
<u>
IF {myobject.myfield} = "something" THEN
blabla1
ELSE
blabla2
</u>
Is there a way to add a css font style?
I would like to underline the whole line. Not only where there is text
You can use something like this:
IF {myobject.myfield} = "something" THEN
<u>blabla1</u>
ELSE
</u>blabla2</u>
But that would require turning on the 'Interpret as HTML option.
Why not simply format the formula object with underline?
Even with a CSS style, it will still only underline the text and will not extend the underline beyond.
I see two other ways to accomplish this though.
Make the field the entire width of the area that you want to be underlined, then add a bottom border to the field or text object.
Use the line drawing tool to add a horizontal line to the report where it is needed.
It doesn't give a solution to the mentioned problem. But it give a solution to the problem that leads to this problem, i.e., underline the whole line.
select the feld, click on underline. In "edit formula", add space(N) before each line break. With N is a big number

PowerApps: Zoom Image in HTML Text Control

Is there a way to Zoom In an image when it's clicked or hovered in powerapps?
Here is the code in the HTML Text Control:
Concatenate(
"<b><font color=black>", currentWorkItemId, "</font></b> ", LookUp(extendedWorkItemList, Id = currentWorkItemId, Title),
"<br></br><br></br><br></br>",
"<b>Test Case</b>",
"<hr>",
LookUp(workItemDetails, WorkItemId = Value(currentWorkItemId), TestCase)
)
Here is the generated HTML Text:
<b><font color=black>36066</font></b>Test<br></br><br></br><br></br><b>Test Case</b><hr><span style="display:inline !important;">Test Case<br><br><span style="display:inline !important;">This a just a Test :)<span> </span></span>TestUrl<br style="box-sizing:border-box;"><span style="display:inline !important;"><br></span><br></span><img src="https://media.geeksforgeeks.org/wp-content/uploads/20200403151026/adblur_gfg.png" alt='Geeks Image'><br><br>
And here is how it looks like:
link
Thanks in advance for your help!
This is how I do did it by clicking on the original image.
Please read through this whole response before trying.
7.3 steps
Step 1
Original image is 'Html text' control called 'Image' with HtmlText set to the following (including the quotes around in the string remove the space after the first <). :
"< img src="&ThisItem.Image&" width="&Self.Width&">"
(yours might be your whole html output since it in not just a single image but rather a whole html string)
ThisItem.Image refers to the selected SPO List Item in the form refencing a column called 'Image'. That is a 'Hyperlink or Picture' column set to Hyperlink. You may not need this, since you are already getting the URL from a another type of column.
Step 2
Set a variable on the OnScreen or App OnStart function to
Set(varImageLargeVisible, false)
Step 3
Set the original image OnSelect to
UpdateContext({varImageLargeVisible:true})
Make sure image DisplayMode is set to Edit
Step 4
Create a new HTML Text control. Set it to the size you want. If you want to block behind it off make the background color white or something to block out what is behind the control.
Step 5
Add an Icon, the X or something obvious so the user knows how to close the large image.
Set OnSelect to
UpdateContext({varImageLargeVisible:false})
Step 6
Change the Visible function for both the new Html Text control AND the icon to
If(varImageLargeVisible = true, true)
Step 7
Set the HtmlText to:
Substitute(Image.HtmlText, "width=443","width="&App.Width&"")
"width=443" is the width of the original control found on the right info panel.
7a-
Replace "Image" in 'Image.HtmlText' with the referenced image. (This references the original control called 'Image')
7b-
Replace the "443" in "width=443" with the width of your original control
7c-
Replace the "&App.Width&" in "width="&App.Width&" with the new size you want the image to be. If it will be a static size you can put in a number here instead of the dynamic size. "& &" breaks up the html within PowerApps so if you put in a static number, removed that as well.
Notes
I think you will need to define a width in your html output so the replace has something to replace.
<img src="https://media.geeksforgeeks.org/wp-content/uploads/20200403151026/adblur_gfg.png" alt='Geeks Image' width="0000"> (replace the 0000 with the size your image currently is.)
Hope that makes sense.

How to insert alt in LayerSlider?

Please tell me if there is enough to put the alt attribute in these settings:
I am trying to add alternative text for images in the slider, but left displayed text.
You can add an alt tag to individual images on specific layers via Attributes. (it will be enough)

Change background color of comments Wordpress

How to I change the background color of the comments posted? I have white text so the text is not visible
use chrome to open any post which have comment, then right click on the comment and select 'inspect element'. Now you will see the relevant CSS where you can make changes as per your requirements.
change the background color using CSS and tha file might be located in wordpress/wp-content/themes/style.css or in wordpress/wp-content/themes/css/style.css
or get any css file and add new style for #comment

textinput box with inline image

Is there any way to create a textInput box for flex mobile with inline image without using textflow ?
Basically i need a text input component , so that user can just use it as normal text input box but to it images can also be entered inline with text. To enter images user can select the image from list and that image will get inserted at the current cursor position.
If you look at any platform, there is no user experience (as far as I've seen) that lets you add images in the text input box. It's always been straight text, except for android which replaces certain text with icons (like :-) becomes an android icon). I don't think your users would expect that behaviour. If you really do need it, I would recommend you create a custom skin for your textinput box and add that feature into it, but it won't be easy to do.

Resources