Login Form disappear after loading new language pack and select it -SuiteCrm - suitecrm

I installed SuiteCrm and after loaded and installed new language pack,
and select the required language in the login combobox and then my "Login" just disappear and when I inspect on the empty area its show me like I am using Explorer browser with wrong version even that I am using Chrome.

To fix that bug you should edit this file:
C:\xampp\htdocs\xfeet\themes\SuiteP\tpls\login.tpl
remove the lines:
<span class="error" id="ie_compatibility_mode_warning" style="display:none">
{sugar_translate label="WARN_BROWSER_IE_COMPATIBILITY_MODE_WARNING"}
<span class="error" id="browser_warning" style="display:none">
{sugar_translate label="WARN_BROWSER_VERSION_WARNING"}
That should fix it

Related

Jaws doesn't read error message

I am using angularjs and trying to make the website accessible. When a user doesn't enter or forget to enter into required field, jaws doesn't read out the error message. I have tried adding role="alert" to the div but it doesn't seem to like it. Any suggestions
<div aria-type-label="{{'some:error'}}">
<span role="alert" class="error-message">Error</span>
</div>
Jaws and the browser are looking for updated content to alert so I found that I had to add and remove the data completely in order to get the alerts to work consistently. For example, I had the text removed when the error would go away, and had the text placed back in once there was an error. This can be done in a couple ways. One, using an ng-if={{error}} then the HTML will get removed from the DOM if there is no error, and put back into the DOM once there is an error.
The other way is to set an errorMessage value to either an empty string when there is no error, or an error message when there is an error. That way the text in the DOM is actually changing, resulting in an alert.
Possible example using both methods mentioned:
<input name="theTextInput" type="text" ng-model="filled" placeholder="Add something"/>
<div role="alert" ng-if="filled" aria-type-label="">
<span class="error-message">{{message}}</span>
</div>
<span class="sr-only" style="display: none;">{{message = "Has Error"}}</span>
Plunker
NOTE: This worked in Chrome in October 2016 and November 2016, but today it looks like it's not alerting at the moment. Still works in Firefox.
You have to use aria-described by and role alert together.
Please have a look:
<input type="textbox" id="yourField" aria-describedby="yourFieldError">
<span role="alert" data-bind="visible:yourCondition" class="error-message" id="yourFieldError">Error</span>
Hope it will help.

Only certain bootstrap glyphicons are displaying correctly, consistent results in all browsers

I know that this question has been asked a lot but I tried re-downloading Bootstrap (I've got the latest version - 3.3.6), my #font-face{ } has the correct paths to my font files, I don't know what else to try. I get the same results in both Chrome and Firefox. One thought I had is that I'm trying to put my icons w/in <em> tags, but when I tried moving them to outside the tags, they still looked like squiggley lines, so that didn't fix it.
I want to use glyphicon-chevron-up and glyphicon-chevron-down (which show up as ≅ and [ ) but when I do something like <span class="caret"></span> then it looks perfectly normal.
Here is how I am using them:
<em class="pull-right">
<em class="pull-left">
<span class="glyphicon-chevron-up" ng-click="plusOne($index)"></span><br>
<span class="glyphicon-chevron-down" ng-click="minusOne($index)"></span>
</em>
{{ post.upvotes - post.downvotes }}
</em>
I can still click the icons and increase/decrease the vote count so I don't think it is a problem with Angular, but just for reference I am using angular1.4.9 and django1.9. Again, I know several variations of this question have been asked but none of the solutions I found worked for me so any additional ideas would be appreciated!
Maybe its for this:
<span class="glyphicon glyphicon-chevron-up" ng-click="plusOne($index)"></span><br>
In my page works great.
Just add glyphicon before the glyphicon-icon name.

Can't Type In Textbox In IE AngularJS/Cordova/Bootstrap

I'm developing an application with Cordova 3 tools for VS2013(Cordova Version 3.6.4). When I deploy to local machine in Windows I get the following behaviors for <input type="text>:
I am unable to type in any <input type="text>.
When i give focus to the <input type="text> the cursor randomly blinks in other places.
Even with the following markup, <input type="text" name="name" value=" " />, as the first node in the <body> I get this behavior.
Debugging I have done:
Used ng-focus to see what element has the focus and it is the correct element.
Used ng-keypress and it also references the correct element.
Checked on Chrome and does not have this problem.
My current solution
I changed the <input type="text> to a <textarea style="height:34px;">. I would rather it worked as it should but this should suffice for now.
The issue would appear to be related to CSP (Content Security Policy) rules of Universal Windows Apps (IE) (and interestingly also Chrome Extensions.
The fix is simple and involves putting the ng-csp in the html element on your page. This will allow you to regain edit control of your input elements (text boxes). Your code should look like
<html ng-csp>
More reading here: AngularJS Documentation ng-csp

ckeditor strips <span> and style attributes

I have a Drupal 7 site using ckeditor 4.2. I've created a basic page node and put a span inside an h2 heading in the body. I hard coded it in the html view. It looks fine but if I go back to edit the page, my has gotten stipped out of the html and also any style="" I've put into the html also. I've looked at the ckeditor config and text-formats. I've set the only formats allowed to be text and full html so I'm not using filtered at all. What gives? I've used the editor many times before but probably not this version.
If you are using the CKeditor module then there is an option in Advanced Options that is also mentioned in the module homepage where you should set:
config.allowedContent = true;
None of the above solutions worked for me. What I found was that CKEditor was removing empty <span> tags from the HTML. For example:
<div class="section-heading">
<span class="sep-holder-l"><span class="sep-line"></span></span>
<h4>Section Header</h4>
<span class="sep-holder-r"><span class="sep-line"></span></span>
</div>
Would yield:
<div class="section-heading">
<h4>Section Header</h4>
</div>
However, if I added a non-breaking space in the innermost <span>, CKEditor didn't edit the HTML:
<div class="section-heading">
<span class="sep-holder-l"><span class="sep-line"> </span></span>
<h4>Section Header</h4>
<span class="sep-holder-r"><span class="sep-line"> </span></span>
</div>
Hopefully that helps someone out there!
In Drupal 7 there's no automatic synchronization between CKEditor's filter (called the Advanced Content Filter) and Drupal's filter. As I understand you configured latter one, but not the first one. See config.extraAllowedContent.
CKEditor 4.+ will remove any empty tags it finds which are in CKEDITOR.dtd.$removeEmpty as part of the HTML parsing process.
See this answer for a hack to avoid it.

angular.js validation error message

I have searched and followed the angular code for a long time and cant find where this error message is coming from. I know the validation works but my code only has this:
<span class="error" ng-show="myForm.input.$error.required">
Required!</span>
<span class="error" ng-show="myForm.input.$error.email">
Not valid email!</span></br>
but this error comes up:
I cant even find where a concatenation might produce this. The word "Please" is not even in the angular code.
The browser is generating this message, because of HTML5 support of "type='email'".
you can add 'novalidate' in form to disable native HTML5 validation.
<form name="form" class="css-form" novalidate>
This is due to HTML5. If you don't want to show these messages, add the following to your css:
::-webkit-validation-bubble-message { display: none; }
However, at the moment this only works for WebKit implementations (Chrome).
More info

Resources