Kendo Grid Inline Editing shows password text instead of plain text - kendo-grid

I am currently have challenge with entering plain text in Kendo Grid inline editing mode instead of password mode it shows by default. My other pages are pretty fine. This issue is peculiar to the page in the screenshot.

I found the solution. The data annotation on the property is [DataType(DataType.Password)]. commenting it out made it work. It's an inherited code though.

Related

How to add HTML/CSS using the editor on DNN? How to add markup without relying on modules?

I don't have direct Host or Superuser access to DNN and the way our system is set up I wont get access to those accounts. It is a policy where i work. Is there ANY way to get your HMTL/CSS to actually work as you put it into the DNN HMTL editor? I have tried adding things like an accordion sidebar, tabbed area, and a simple CSS image hover. DNN takes my code and jumbles it up so that it does not work correctly. I have taken markup straight from my text editor, into dnn (that was working fine in the browsers before i took it into DNN) and it shows up, but does not act like it should or the code gets jumbled and breaks and I spend an hour trying to fix it EVERY TIME.
Has anyone out there had the same issue, or any suggestions, tricks to get your markup to work correctly in DNN.
Thanks,
Yes and no, you can't add scripts in the html editor and if you are copy-pasting something that has a FORM element, it won't directly work without modification.
One possible way to keep your javascript working is to move it to the Header or Footer options in the module options of that module instead of the content.
As for if your code contains a FORM element, you can use javascript to modify the Asp.NET FORM element to suit your need, see http://dotnetnuke.bz/Articles/tabid/156/DotNetNuke/98/How-to-Include-Multiple-Forms-in-DotNetNuke.aspx for more details.

Bootstrap form looks funny

I have my website's homepage here. When I click the login button, everything looks just fine. It's aligned correctly and everything. But when I literally copy and paste the exact same code to my password-changing page, the text fields go all screwy and get disaligned from their respective icons.
Any ideas as to what might be causing this alignment funkiness? I'm using Twitter Bootstrap, by the way, if you couldn't tell.
Screenshots of pages and their respective source codes can be found here.
I think your css files are interfering with eachother or you have them in a wrong order.
When I test the HTML by removing the CSS and inserting Bootstrap CSS ref it works.

WYSIWYG editor override page css?

I have a web application that allows the creation of HTML emails that can then be dispatched. Because of how fiddly HTML email display can be, I have an open-source WYSIWYG editor embedded.
The editor itself works fantastically, but with one problem that you may already be thinking. Basically, the page CSS is conflicting with the inline CSS generated by the text editor, which caused issues for things like tables.
Currently I am solving this on the "preview" page by placing the preview in an iframe but I am not entirely sure the best way to do this for the actual editor page. If I do it in an iframe, I would either have to put it into a separate page and alter the process slightly, or write some Javascript to strip the HTML out of the iframe on form submit.
It seems like there should be an easier way - has anyone solved this problem before?
Thanks.
I would switch to a different editor like CKEditor or TinyMCE that allows you to edit the whole HTML by using themselves an iframe for the edited contents. That way you can edit exactly what you will send.
One example: http://nightly.ckeditor.com/latest/ckeditor/_samples/fullpage.html
Change how you are targeting your selectors. If you have conflicts, then your CSS is not written efficiently.
Maybe use a root div with a specific ID and have everything cascade off of that.

CSS input boxes

I am developing UI for my ASP.NET application and I have a logon form in which I have a box and inside the box I have the fields like this. (xxxx are the input boxes)
Name:
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Email:
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
I have kept the name and email with input boxes in a div but it works fine on IE7 but when I see it in mozilla or IE8 it appears very far right, how do I come up with the perfect placement on every browser?
This can be quite hard. You should try to use a CSS framework like YUI CSS Grid or Blueprint rather than manually place everything by hand. It can alleviate a lot of pain.
As for your specific instance, it would help if you posted the relevant CSS snippets on your question so that people can offer intelligent answers.

How to show html template using inline styles only?

I want to display html template in a webpage. The styles of that template is specified inline.
But when i try to display it in my webpage, some styles that are defined in my css are adding into it and the template is not displayed properly. This template is used to create mails and when i send this template as mail to my gmail account it is displayed correctly. How its done in gmail? How they show the template using inline styles only?
The question is actually pretty clear. I think you're looking for an iframe tag. That will allow you to display a document within another page, with its own independent style.
One thing to add: if you ever wonder how another site does something, just install firebug (on Firefox) and check out their source.
I solved this problem using the tinymce editor. I used tinymce editor in read mode and displayed the html template in it. I dont know whether its correct method or not. But it was perfect for my requirement. Thanks Greg for your reply..:)