I'm using html2canvas to allow users to download a div element to their local files as an image.
What they are saving is an image with dynamic text on top of it that changes based on their user input (this whole div becomes one image).
The saving part works, and users can save the div as an image to their local files. However, the dynamic text moves downward and the image looks off because of it.
I tried to make changes to html2canvas code based on someone's solution on github, but it didn't work and I reset this code to the original.
Is this a common problem that others have faced? How do I solve this problem without hard-coding the solution (moving the dynamic text up on the web application so when it moves downward when saving, it looks how it's supposed to look)?
Thanks!
The textbox in infopath form does not word-wrap the text in Chrome, but does it on IE? I have the multi-line setting checked on the text box. any idea?
Thanks in advance.
Upload a new css file to the “Style Library”.
File should contain the following:
textarea { white-space: pre-wrap !important; word-wrap: break-word
!important; }
Go to Site Settings – Look and Feel – Master Page
Set the Alternate CSS URL to point to the new CSS file that was added to the “Style Library”
Make sure to check “Reset all subsites…..”
Save and issue should be resolved for both Chrome and Firefox
You will have to replace the Text Box Control with a Rich Text Box Control and reconfigure the setting in the new control. You can rename the Rich Text Box control with the same field name after you delete the Text Box Control.
This is just common to Chrome right now, but Edge and Safari, could make the same changes, so might as well make the change to the form. Common to all three is they won't update a form when you make a change to the form.
You can add a "Query a Data Connection Rule" to another control (like a button) and when you use that control it will contact the server and update the form. If you use the same control on different views in the same form it seems to continue working, trial and error on that.
I assume Edge and Safari will make changes similar to Chrome, so you might as well change the Text Box to Rich Text. I have 300 controls to change. Good luck.
I have done it two different ways. I wanted to target only specific forms rather than spend a lot of time on it or do it in master page, I created CSS using Code from solution #1, then dropped it in the site assets library. After that I edited the InfoPath Forms SharePoint Web Part page, added a Content Editor Web Part to the page at bottom after the InfoPath Form Web Part, linked the new Content Editor Web Part to the CSS file, changed the Content Editor Web Part settings to not be seen, etc. and saved the Content Editor Web Part, Then Saved the Web Part Page.
Another way I have done this is added a Rich Text Editor Control to the InfoPath Form, then hide the original Text Box Control and set the Text box control default value to that of the Rich Text Editor Control. Sometimes this is quicker and easier than redoing all the business logic, especially if you are trying to go to PowerApps and get away from InfoPath, don't waste as much time on it. Obviously the drawback is increasing the number of SharePoint fields and fields in the form as well.
Best Regards.
SG.
Add a style.
textarea { white-space: pre-wrap !important; word-wrap: break-word !important; }
using script editor WP
Is there any way to copy an Image and some relevant text (Like a Description to the image, added programmatically), so that these can be pasted together (On some application like Excel; outside the Flex Application).
I am fetching HTML content from online web service, I am using UILabel and rendering the HTML inside.
The issue that I am having is that sometimes the images/videos inside are being cut at the end of the screen(because there isn't enough room to display it all), because I am not using scrolling I am flipping into a new element, how can I make sure that images/videos are being cut, meaning I am displaying content properly. If I reached the end of the screen and I have no enough space to add an image I would like the image to go on the other page. Do I solve this programmatically using code? any existing sdk to help, or should I have the server respond with multiple objects each one for 1 element.
I am using Smart Report Maker (www.mysqlreports.com) to create some basic reporting for a web app - when I include the reports into my template the menu for the report behaves very oddly and will not stay within the enclosing DIV. The odd thing is that the table itself does but the menu does not so I suspect it is a styling issue applied in Javascript to the menu.
Code is linked below to a text file as it is over 42000 characters so won't allow me to paste here.
Any ideas what is causing this to happen or how I can fix?
http://www.dowzell.com/stack/repaudit.txt
This shows how the menu should look above the table when outside the templateoutside the template http://www.dowzell.com/stack/img1.jpg
This shows how it actually looks when embedded
inside the template http://www.dowzell.com/stack/img2.jpg
This shows the outputted code on screen which shows the menu has moved outside all the divs despite being placed inside the div in the above code.
firebug http://www.dowzell.com/stack/img3.jpg
Thanks
Jason