I have created an email template and when running tests a strange icon shows up in one of the paragraphs when viewed in Outlook 2013.
The strange icon is between the words 'paying' and 'off'
Does anyone have any ideas on how to hide this icon
EDIT:
HTML
<tr>
<td style="padding:0 0 0 15px;">
<div style="font-family: Calibri,Arial,sans-serif;font-size:13px;color:#FFFFFF;display:inline-block;">Great if you don’t pay off your card every month, or if you are paying off another card with a higher interest rate – saving you money.</div>
</td>
</tr>
Thanks
Possibly something you've already done - but have you tried deleting "paying off" and reytping it manually?
I can't replicate the problem copying the supplied code, so whatever that strange character is must have been stripped out by the stackoverflow editor.
I've encountered similar issues when copy and pasting text from pdfs, it looks perfect in the editor but Outlook attempts (and fails) to display invisible elements that the pdf includes for some reason.
Do you set the character set for your HTML page? Perhaps it's using the wrong encoding.
See this w3schools page
The HTML charset Attribute
To display an HTML page correctly, a web browser must know the character set used in the page.
This is specified in the <meta> tag:
For HTML4:
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
For HTML5:
<meta charset="UTF-8">
Related
Reaching out to see if any ADA compliance experts might know how I might resolve an ADA compliance issue pertaining to our video transactions. We essentially provide links to .txt files for all of our videos which contain the video transcription. But when running an ADA scan we receive 2 errors pertaining to our transcriptions.
"Language missing or invalid "
"Missing or uninformative page title"
I'm not sure how I would tell a screen reader or ADA scanner the language or a page title given that these are just plain txt files. Any assistance would be greatly appreciated. Thanks.
This might be more about how your browser is set up to handle .txt files. Is your default action to download the file or to view it in the browser?
If the file is downloaded, then it's up to the end user to display the .txt file in whatever program they have set up to view them.
If you're letting the browser display the page, then that page is generated by the browser and I'm not sure if you can customize the page that's generated. I tried Firefox, Chrome, and Edge and they all generated a similar template to view a text file. (Edge uses the chromium engine so it's not surprising that Edge and Chrome have the same template). There's just a minor difference in the <head> between Firefox and Chrome.
This is essentially what's generated:
<html>
<head>
<!-- if using firefox -->
<link rel="stylesheet" href="resource://content-accessible/plaintext.css">
<!-- if using chrome/edge -->
<meta name="color-scheme" content="light dark">
</head>
<body>
<pre>
(contents of text file)
</pre>
</body>
</html>
If you run an accessibility scanner on this generated page, you will indeed get the two errors you mentioned.
3.1.1 Language of Page
2.4.2 Page Titled
For the language, that's specified on the <html> element with the lang attribute. If you bring up the code inspector on this stackoverflow page, you'll see lang="en":
<html class="html__responsive " lang="en">
For the page title, that's specified in the <head> with a child element of <title>. You can also see that in the stackoverflow page:
<head>
<title>wcag - ADA Compliance Language Missing or Invalid for video transcription txt files - Stack Overflow</title>
...
</head>
If no page title is specified, the browser usually shows the URL or just the filename as the title.
So, can you do anything about the template? I'm not sure. That would be an interesting project.
An alternative is to have your own webpage display the text file, which you would obviously have complete control over and could specify the language and the page title. But I would make this a lower priority issue over other accessibility issues that your website might have.
I am building the HTML5 Hybrid mobile app with the help of Telerik AppBuild platform and in one of the view (components/loginview/view.html) I am trying to show language selection dropdown as follows:
<select data-bind="value: addFormData.languagelist" data-role="dropdownlist">
<option value="en">English</option>
<option value="ja">日本語</option>
</select>
But for my surprise whenever I run the simulator I get the question marks instead of 日本語 characters.
I checked the main index.html file and found that there is proper meta tag like <meta charset="utf-8" /> present needed to set the charset. I am very much new to this dev platform. So appreciate your help.
Try using a different font in your CSS (reference). Whichever font you are using doesn't have support for those characters and just leaves the question marks as placeholders.
Is there a way to open other dashboards/Reports ( saved in same server) from a report in web player.
I tried some python scripts which is used to access webpages but none of them is working in webplayer. My client want this to happen using buttons. So i prefer python scripts than HTML.
Much appreciated
Download an image of the button you want to use, like this one.
Add this image to a text area. Edit Text Area > Insert Image > (Select the downloaded image). Now you will see your "Button" image.
Edit the HTML and use href to the web page you care about. Notice the src= will already have your image name.
<a href="http://finance.yahoo.com/quotes/TIBX,Spotfire,S,Products?ltr=1&bypass=true">
<img src="ff08c65b55ab4b36acd5dacc78f03eea.png" border="0">
</a>
I am developing an application which runs within Microsoft Dynamics CRM (MSCRM). Essentially in this environment web resources including HTML, JavaScript, CSS and image files are stored within the system the can be referenced on pages. I've got SlickGrid running but have an issue where the pager buttons each occupy a whole line. The key part of the HTML is:
<div id="SPLocation" style="width:100%; height:80%">Grid</div>
<DIV id="SPPager" style="width:100%;height:20px;">Pager</DIV
but it looks like this:
!http://www.clew-consulting.com/Temp/SGIssue.png
(hope this image works). Note each icon occupies a whole row. I've checked all the styles and images and they seem fine. The icons are functional.
The cause is probably that display:inline-block is not being picked up but it is there in the style sheets. It could be something special to do with the environment within MSCRM but the other markups all look fine.
Unfortunately I cannot run IE developer and show this part of the screen where I could inspect the CSS.
Anyone any ideas? I know I have not posted all information.
Paul
The pager styles are defined in slick.pager.css file.
Place this file in your css folder and add the following line to your html file
(do not forget to replace [path to your file] with your real path):
<link href="[path to your file]/slick.pager.css" rel="stylesheet">
I'm working my way through figuring out how VWD applies styles depending on how you attempt to modify the formatting for text, and noticed it keeps putting in an
span lang="en-us"
tag in front of things. A check of google didn't produce anything that was relevent for VWD, so I thought I'd ask if anyone knows how to prevent this tag from being added?
Thanks!
Google results do seem to indicate similar problems in this 'family' of products (Frontpage, ExpressionWeb)
Did you try the solutions for these products? Like specify the language in the html tag?
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
Source:
http://social.expression.microsoft.com/Forums/en-US/web/thread/85329a36-ab68-4bb9-a5a3-a2968e4d4044