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.
Related
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">
I tried to open the AngularUI website (http://angular-ui.github.io/) in IE8. UI was not rendered properly in IE8(working fine in latest version of chrome/firefox). This led me to search browser compatability of AngularUI modules.
A discussion in the groups pointed me that AngularUI-bootstrap module does not support IE8( https://groups.google.com/forum/#!topic/angular-ui/8L0739rxdes)
But could find the info for other modules listed below.
UI-Utils
UI-Modules
NG-Grid
UI-Router
So the question is, Are these modules compatible with ie8. If yes, is there a desire to continue support in the future.
Many of the AngularUI directives do work correctly in IE8 provided you don't configure them using the custom element option. The problem is that IE8 ignores any elements that aren't standard HTML, which obviously blows that approach out of the water.
Use attribute approach instead. For example, instead of:
<tabset>
<tab ng-repeat="tab in tabs" heading="{{tab.name}}"></tab>
</tabset>
Use:
<ul tabset>
<li tab ng-repeat="tab in tabs" heading="{{tab.name}}"></li>
</ul>
Alternatively you can tell IE8 to use elements which are not known per default by using a script like this:
<script>
document.createElement("tabset");
document.createElement("tab");
document.createElement("tab-heading");
</script>
This lets IE8 know that <tabset>, <tab> and <tab-heading> are valid elements.
In addition to #Paul's correct answer, which by the way should be marked as the answer, here is the Angular teams explanations and how to correct them to work in IE8 Angular IE8 development guide. Also, it should be noted that the Angular team is officially dropping support for IE8 in Angular 1.3 and later, blog. So, if you need to support IE8, don't use Angular 1.3+, nor use any angular UI that uses 1.3+.
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">
While we are in dev and doing daily builds, we would like to display the current version number on the footer of the pages in our MVC3 app. Makes it easier for the QA to log bugs.
I'm not sure how to do this. The footer is in the shared _layout.cshtml page.
I would like to use (Assembly.GetExecutingAssembly().GetName().Version.ToString()) to display it. I thought about using ViewData but still not sure how to format the HTML to get it to display.
Since you just need it in dev, you could simply do
<footer>
#System.Reflection.Assembly.GetExecutingAssembly().GetName().Version
</footer>
This used to work back in the day (i think).
Now it indeed does not, so use this instead (from the answer linked in the comment):
#typeof(YourApplicationNamespace.MvcApplication).Assembly.GetName().Version
I am using the code below which works fine for me:
<footer>
#ViewContext.Controller.GetType().Assembly.GetName().Version
<footer>
To change the version, you can change this line in the AssemblyInfo.cs file of your project:
[assembly: AssemblyVersion("1.0.0.0")]
I have problem with Struts2 select UI tag. Firefox doesn't show selected item. I have code in JSP:
<s:select list="allCategories" value="2" listKey="id" listValue="categoryName" name="selectedCategory" key="shortcut.add.category" required="true" />
It renders into:
<select gtbfieldid="49" name="selectedCategory" id="inputShortcuts_selectedCategory">
<option value="1">23456</option>
<option value="2" selected="selected">Catg1</option>
<option value="3">updated</option>
<option value="6">Category</option>
</select>
When I open this action in IE, it renders fine (option Catg1 is selected by default). But Firefox (3.6) shows first option as selected. How can I resolve it? I use xhtml theme of Struts2.
Your generated HTML displays correctly for me in Firefox 3.6.11. Have you confirmed that you are not viewing a cached version of the page? I see that gtbfieldid is being added to the rendered output. Isn't that from Google Toolbar? Perhaps that is interfering with something?
I can't see anything visibly wrong with your select element that would prohibit it from working properly in any browser.