Input list of items from user - list

I have a website with a form where users can type a free text in a textarea. I allow them to use Markdown but most of them don't use it and they usually publish crappy content, even after seeing a preview of the end result :-(
Given that most users enumerate things (job requirements) in that textarea I'm thinking that it would be great if I could somehow "force" them to create a list of items. Also, I think it would be valuable to provide them with some visual feedback while they are typing. For example, displaying some bullet points close to each item of the list they are creating and creating a new bullet point when they hit enter.
So basically, I would like to transform a textarea in a WYSIWYG editor that only allows users to create a list of items.
Any ideas?

Take your pick:
https://github.com/cheeaun/mooeditable/wiki/Alternative-Javascript-WYSIWYG-editors
These can all be configured to only allow for bullets.

Your answer lies here:
As soon as a user focuses the textarea field, a bullet will appear. With every Enter key, a new bullet will show.
Also, a user can delete the bullet if not required and continue with normal text.
http://jsfiddle.net/abhiagrawal87/m39xt
Sample snippet:
$(".todolist").focus(function() {
if(document.getElementById('todolist').value === ''){
document.getElementById('todolist').value +='• ';
}
});

Related

How can I view all the content of redmine, such as projects and tickets, easily on the screen?

I'm using REDMINE.
I have a list of projects on the screen.
Is it possible to add details of the ticket content to this screen?
I'd like to look over the screen at once instead of clicking with the mouse, how do I do that?
Also, if you have any plugins or useful tips and so on, please let me know.
Tamazawa, I believe you might be referring to "My Page" of Redmine where you could use widgets to decide what you see on that dashboard - keep in mind that such dashboard s project independent, so it can display issues from many projects that you are a member of on 1 screen.
For instance from My Page, you should be able to select an "Issues" widget to Add and set it up to pull a list of items to display using a saved custom query.
That should give you a snapshot of tasks at hand, without the need to click around the screen too much.
You may need to set up your saved query such that:
Description and / or
Last notes
are checked (if you want to see issues at a glance, without the need to open each one separately).
Alternatively, you can skip that "My Page" idea altogether, if you're ok with just opening a saved query with Description and / or Last notes selected.

Netsuite Customization of Prospect Form

I need to customize the Prospect Form in such way that the fields from subtabs like (Relationship-Contact are sitting on the main tab). We need to use this form and add fields in a sequential order. Also I need some of those fields to fill in customer form once prospect is converted. I have been using Netsuite only a few weeks but have used other systems where I could customize fields from related tables with a drag and drop functionality.Is there such a thing in Netsuite?
Thank you
Prospects and Customers are just stages of the same underlying record. Information you fill in for a prospect will still be there if the prospect converts to a customer.
As far as entry forms go the Netsuite help is not bad in this area. See https://system.na1.netsuite.com/app/help/helpcenter.nl?fid=section_N2853340.html for how to start to customize your entry forms. In particular check the section called "Moving Fields and Lists between Subtabs"
You can't control sequential data entry without a client script or possibly a workflow but the help link above will get you started on putting the fields in the logical entry order.
While in your prospect form that you want to update select 'Customize' from the top right. Then 'Customize Form'.
You'll see a button at the top called "Move elements between subtabs". Use this to move items around. After you move them you may want to go to the "Screen Fields" sub tab under the "Main" section and adjust the positioning of all the fields on your main form because when you move items between tabs they don't necessarily fall where you want them to.
As far as your fields flowing to the Customer, they will flow just fine because as someone else mentioned, a prospect record is an entity record (like customer and lead) so the record is promoted from lead to prospect then finally customer.
I agree with the other answer, get used to NetSuite help. I make a shortcut to Suite Answers, Schema Browser, SuiteScript API and SuiteScript Examples for quick reference. The NetSuite videos aren't too bad either worth looking at.
To move standard 'Lists' like Relationships, Contacts, Transactions etc this is also on the Move Entry Form Elements, look for the Lists subtab, next to Fields.

Ckeditor, let user insert into predefined elements in template

Using CKeditor is it possible to create a template, and only let users edit certain elements in it while keeping the structure intact?
For example a header, a subtext, a paragraph and list of items. But they mustn't delete any of these or add other elements.
The use case is that users have to create a bunch of documents that has to look a certain way. They aren't allowed to veer from the standard layouts.
Or is that use case beyond the scope of the editor?
I can't seem to find examples of this in their documentation.
The alternative could be to create custom forms in html on the left side of the page and simultaneously update a "read only" document on the right side of the page so that they can "preview" the final document in CKeditor.
Though just letting users edit a "locked" template would be a smoother experience.
-Thanks in Advance
Have a look at widgets. Online demo of a sample widget (explained in a tutorial) with predefined structure is available here: http://sdk.ckeditor.com/samples/simplebox.html

Saving user's data for my application part 2

My first question was: should I use dom, sax, or sqlite to save the data the user is inputting into my application. The answer I am going with is to use DOM.
My second question is: How should I load the contents of the file into the application when the user decides to open the file? Should it go through the whole file and distribute all the data to the correct spots in the GUI once the user clicks "open" on the file? Or should it only open the stuff up as the user clicks on certain areas?
My third question is: How does qt handle knowing when things have changed? How would i know when the user has changed something and ask them to save the file?
If you do not understand, please let me know and I will try to explain again.
Example:
I am not only reading gui locations.
But the contents of those. For
instance. The user is able to create
tabs that contain edit text boxes. And
those tabs are associated with items
that are in a list. When the user
clicks on an item in the list the user
will be presented with a whole set of
new tabs. And each tab has some
editing forms. The file will need to
contain what is in the list, what tabs
the user has created under each item
in that list and the contents of each
tab associated with the tab of each
item in the list.
Sorry that I posted another question that is similar to my last, but the other question was answered and now I need a new post.
Question 2: This very much depends on how much data you're dealing with. It will be much easier to load everything in one step. If you are expecting complex documents, it might be better to do it incrementally, but I would strongly recommend starting with the simpler approach.
Question 3: Qt does not handle this, except in as far as widgets will fire signals when they are modified. You need to do it, using a model of some sort. You could just use the DOM document directly as the model, although it may help maintainability to abstract the save format. Each change the user makes would cause a change in the model. You will need to detect when e.g. the user edits some text, update your model appropriately and keep track of whether it has changed since the last save.
What do you want to achieve with your solution? If you want to simply set Configuration why not using a simple Ini file (QSettings Class).
I don't know your application, but you should be able to recognise changes (lets say, if the user changed a QLineEdit or hit a radioButton).
There would be also a "sync" method for QSettings, which "rereads" the file you are working with. Qt won't recognise changes itself, you have to do that on your own.

Create interactive cartesian grid in django

I have a question regarding a platform I'm developing called e-cidadania (GPL). One of the applications will be something like a blackboard where you can put messages. I've been requested to do it like a cartesian grid (p.e. x = good/bad, y = expensive/cheap). My question is, does anybody know about an application like that for django? Or in case that there isn't, how can I do it? I have no idea where to start.
I'll explain a use case, if someone didn't understand: You are in a classroom, the teacher draws on the blackboard the axis and tells the students to write a note. After that every student will put his note according to the axis.
I am not sure if I completely understand your question, but if I'm correct you want the user to input text (name of restaurant or something like that) and instead of showing 2 sliders or dropdown boxes for rating and price, you want to show a cartesian chart where the user can click somewhere, thus entering the 2 values with one click.
This has nothing to do with Django or Python, this is pure client side. Think javascript. One way is to show an image with the cartesian grid, set an onclick handler and see where in the image the click was made. Showing the selected point could be done simply by setting a colored div with an absolute position (relative on the position of the image).
I don't know any plug-and-play solutions, but building this shouldn't be too hard.
On a separate note: I doubt this will actually be more userfriendly for the user then simply using two sliders.
Update:
Or if you want to show a big cartesian chart where the user actually has to input the text on the correct position, this can be done with the same idea: create the text-input, but hide it (display:none). Then when the user clicks somewhere on the chart, move the text-input to the correct position and show it.
This may be a little far fetched, but instead of doing this with django alone, why dont u do this client side using javascript?
Hear me out here.
The highcharts graphing plugin has an option that allows u to add points on a (cartesian) graph. Check this example. The plugin also allows you to display custom messages when hovering on points, so you could use that to display the actual message, and you could handle the actual saving of the new message by submitting the newly added message via Ajax.