The DNN uxguide
http://uxguide.dotnetnuke.com/
purports to provide patterns that would be useful in writing DNN modules, but many of them do not work correctly.
Take the Simple Form Demo - if I use the Markup provided, including
<dnn:Label runat="server" ControlName="NameTextBox" ResourceKey="Name" />
in a control, I get this error:
Unknown server tag 'dnn:Label'.
If I pick up the HTML generated by the uxguide site and drop it into a DNN HTML module, then the elements end up all over the place.
It's hard to understand what use these examples are when they do not function correctly when added to a vanilla DNN installation. I am trying to replace Bootstrap CSS - which of course works perfectly.
Any idea of how to use these uxguide elements?
Ta
JC
DNN hero Sebastian explains:
The UX Guide was created for DNN 6 and UX has been overhauled in DNN 7 and 8 - unfortunately without providing a similar guide. You should have a look at the latest module development templates - either MVC or SPA, which are now methods of choice. Another starting point might be the modules from DNN 8 contest (see the Community section of this site).
Related
I typically use intelliJ (back-end/java) and the intellisense is working for html (basically am able to go to the definitions of the bound properties). And its doing OK with angular...
I tried to do the same with VS Code (as i am trying to evaluate is VS code gives anything more other than chrome-debugging in VS code), but somehow the intelliSense is not working.
I feel like its basic feature, probably I am missing something in my IDE.
Is it supposed to work?
Anything additional config/setup i need to make it work...
And yes, intellisense in ts files is working as expected...
Note:
Installing Angular Language Service extension did not do the trick for me. After installing and reloading (https://github.com/angular/vscode-ng-language-service) when i tried to go to definitions its just keeps spinning (loading). Not even sure what its doing in background as i don't see obvious options to see the details.
Regards.
John Papa the author of both AngularJS and Angular's style guide and Microsoft employee (makers of VSCode) has a blog where he talks about this very thing.
https://johnpapa.net/essential-angular-vs-code-extensions/
I would recommend any of his talks or blog articles!
Regardless, the plugin you're looking for is
Angular Language Service - This extension provides a rich editing experience for Angular templates, both inline and external templates. This extension is brought to you by members of the Angular team. It is fantastic at helping write solid code in the html templates.
https://marketplace.visualstudio.com/items?itemName=Angular.ng-template
and/or
Path Intellisense - Visual Studio Code plugin that autocompletes filenames. Hopefully, VS Code will bake this in at some point. Until then, this is a keeper.
https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
Here are some extensions that may be useful to you.
I am Java developer before but now i am starting to work only on UI. I have little experience with UI. So I need a tool for Html 5.0, css 3.0, & angular Js.
Taking the comment above into account it is right for me to say the following answer is based on assumption but here we go:
I'm not quite sure what you mean by tools but if you mean a program to create your code in I would personally recommend Sublime text or Atom.
If you mean tools that are easily available to you to test and play around with your code then there are a number that are available to you, JSFiddle, Codepen and Liveweave are just a few.
I personally use Codepen as it has a nice and easy to use interface and I like the community around it, the homepage features a "picked" section which showcases user created content, it does however seem to have a heavy focus on "pretty" projects rather than functional ones. The editor it offers allows users to use a number of HTML, CSS and Javascript processors as well as use libraries such as Angular and JQuery. I created multiple angular projects using Codepen so I know it is capable of that and it is also really easy to implement it into a pen/project.
I hope this has answered the question but please remember that this is all my opinion each one of these things has their own strengths and weaknesses and overall the choice should be yours.
Context
I'm building a GUI that I plan to deploy. In the GUI there are listboxes in which I want the text to be of different colors.
I found how to do it using HTML code, as an undocumented feature, here. Basically the code, copied/pasted from Yair's website, looks as follows.
uicontrol('Style','list', 'Position',[10,10,70,70], 'String', ...
{'<HTML><FONT color="red">Hello</Font></html>', 'world', ...
'<html><font style="font-family:impact;color:green"><i>What a', ...
'<Html><FONT color="blue" face="Comic Sans MS">nice day!</font>'});
Which gives the following:
Of course for my GUI the text would be different but the idea is the same, and I would use this feature on popup menus as well.
Question
Will this functionality be properly rendered in the deployed application or is it a risky business to use such HTML code? Note that I have no knowledge whatsoever of HTML so I don't know if it's trivial or not.
Of course an answer could be "Well just try it out and see the result" but I'd like to understand what is going on in the optics of using more HTML-based features in deployed applications.
Thanks!
While not fully answering your question, from a HTML point of view, i can tell you right now that the <font> tag you are using is deprecated:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/font
Consider using the paragraph tag: <p>
I have used this feature for many years in Matlab and in my compiled applications (includes commercial apps) - I've never noticed any difference in the uicontrols using HTML between Matlab and the deployed APP.
So yes it is safe to use!
I am going to port our windows-based Customer Management software to Web-based. I find polymer may be a choice.
However, for our usage, we can't find polymer component has table-view, drop-down menu(aka. the "select" element in html), date-picker, tree list.
Will polymer add these components later? Or these components will not be the target?
Thanks,
Barry
Polymer is just primarily a polyfill library that helps enabling HTML 5 Web Components in browsers that don't support them by themselves.
Web Components can be written by any developer, so you might need to develop some controls on your own especially the table view one. I'd guess you'll find most of the others mentioned in your question implemented one way or another. You should check out some of the WebComponents collection pages:
http://customelements.io/
http://component.kitchen/
http://bower.io/search/?q=web-components
For your table view control: I had a similar problem couple of years ago and had to implement my own solution. Maybe you can find a regular HTML library that supports table views and make it a (Polymer) Web Component by yourself.
My "Rails friends" have a situation when their UI designer is beginning his work on prototyping UI screens on his own - their Rails programmer is busy and is going to join this work later, probably much later.
I know, it is easy to ask UI designer the learn Rails rendering mechanism, so he could begin prototyping on Rails, but I am interested,
is it possible to setup views structure using partials (reusable pieces of HTML views) using just pure HTML, without any ruby code inside?
The only approach I see is to use SSI. Are there any other options?
What is needed is simply a possibility for one html-file could have a string like
<whatever include other.html ...>
which would include the contents of other.html inside its body.
This way, a future project can be divided logically on changeable/nonchangeable parts without any Ruby/Php code for partials.
UPDATE 1
The quoted wiki page about SSI has Client Side Includes section that suggests using object tag which seems to work
<object type="text/html" data="test.html"></object>
One suggestion is to use Sinatra, which is a simple and quick web framework for static sites.
It's easy to start using Sinatra even for a beginner. However, even if the UI man doesn't know and don't want to study any coding, he can still utilize it by planning the partial names and ask the developer to setup it for him. All he need to do later is to fill each blank templates and add JS CSS image assets.
Benefit of Sinatra:
Friendly to static sites
Simple to use
Lots of templating language to use, same as Rails
The partials/templates can be ported to Rails later with zero efforts!!!