A DataGrid with Text, Images and Buttons - actionscript-3

I want to realise a Chat, where the people can send messages. Each message can contain one button where the other poeple can click at. Maybe I also want to display a avatar beside each message. I was looking for a build in component like List or DataGrid, but I didn't find the opportunity to add buttons or images.
It should also be possible to resize the chat and to scroll through the messages.
What do you think? Which is the best approach to realize this?

Your going to need to be a little more specific...What technologies are you using other than your tagged stuff ?

To add images/buttons to a List or DataGrid, you will need to create a custom ItemRenderer (for List) or GridColumnItemRenderer (for Grid). You can read about this here and here

Related

How to bind multiple events on a images in adaptive cards

I am trying to achieve following scenarios through adaptive cards. I have tried many ways but still not able to reach any far by my expectation.
Scenario one
I am trying to build a feedback rating card which has 3 images. As soon as a user clicks on any of the image, I would like both Action.ToggleVisibility and Action.Submit event to trigger at the same time. Is it possible to bind two events on a image in adaptive cards?
Scenario two
Since the first option did not work for me, I tried to add the radio buttons along with the existing images and a Submit button separately. But this time, It was found that the radio button does not have an option to associate an image with it. Also, the alignment of the choice set cannot be changed from vertical to horizontal. Is there any workaround for this?

Hold data for list to add later?

So no SQL tables or anything here. Basically, I have 3 pages that have 6 items each. Each item consists of an image and then some text and also a smaller image than changes from a check to an "x" depending on if user selects or not. So if the image is checked, the user is adding that to a list which would display on a fourth page. This data needs to persist through just a session and if the session times out, then it resets. If the list is complete and on that fourth page the user choices to email or share list via social sharing, then the data would be gone after that action. What I am trying to figure out is the best way to approach and implement this with minimal time and effort as it has to go out quickly. Can any of you explain and maybe point to some links with info on the best way to achieve?
This is being done in asp.net web forms with html, css, and javascript.
Much appreciated!
You can use ViewBag() (for view in razor) or ViewData[] (for page in .net) to hold data for one web page.when you want it to other page. You can pass it to other page.
check this out
ViewBag, ViewData and TempData

filteringSelect with multichecked

is there any ready widget like that?
If not, can I combine the dijit filteringSelect with dojox multichecked?
if not, is it easy to create one of my own or has any one started doing this? it's so necessary for my project.
There is no widget like that as far as I know (the multichecked widget itself is not even a standard widget, since it's a part from DojoX).
About your question of combining both. I don't think that will be easy, because the dijit/form/FilteringSelect does not use a <select> as widget and I don't think they're made to be ran together.
And the answer to your last question: it all depends on what functionality you exactly need. A dijit/form/FilteringSelect only allows you to select 1 value (it's a textbox with a dropdown in fact, and a textbox can only have 1 value).
If you want to create a variant with radio buttons, then that is possible, but it is not an easy job. The multichecked is working with a simple DOM node, however, the dijit/form/FilteringSelect offers a lot more things like autocomplete, stores, ... . To make your widget work, you need to listen to all these events and adapt yuur radio buttons to it.
I made a simple example that is only displaying radio buttons for each item in the filtering select, the code can be seen at JSFiddle. However, it does not react to changes, that's a part that you will have to implement.

A drop-down box with a title - which will not be included among the options

Do you know a good implementation of a drop-down box with a title? which will not be included in the options of the drop-down box.
I am trying to place a selection box in the upper right corner of the screen which will display the user's name; when the user clicks on the name I would like to show him several options like "Sign-Out" and "Set-Up" . I do not want to display the user's name as an option only as a title.
I checked HTML5 select tag, although it does not have the ability to display a title.
It seems that this functionality exists in lots of sites these days, and I wonder if anyone heard on a good way to implement it? or an existing implementation.
Regards,
Luk
Most of the sites I have seen this on are not using HTML form elements, but are using a floating div that is shown/hidden on the click event. This would be my preferred choice, are you required to use a SELECT tag?

ListView add more items in Metro apps?

I have a metro application in which I have a Listview and service data contains above 100 items. Initially when am loading listview in my page it has to display only 8 items plus 1 more-related item and later if i click on a more-item it needs add another 9 items to my page and totally it has to show 17 items in my page and need to display more item also like that flow continues.What should I get to get my scenario.Can anyone help me.Below I tried to give u my scenario.
Thank you.
Take a look to this article: http://www.silverlightplayground.org/post/2012/06/10/Metro-Incrementally-load-GridView-and-ListView-with-ISupportIncrementalLoading.aspx.
There are a couple of solutions -- all depending on the work that you want to undertake. Also, I would suggest that you don't have a "More" button if you can help it -- it's not the best user interaction. Option 2 is going to give you the best experience.
Option 1
Use WinJS.Binding.List as your data source -- using this you can manipulate it like a JavaScript Array (e.g. push, pop etc). As you add & remove items from the list, the list view will react to those changes.
Full details are here.
Option 2
Create a VirtualDataSource derivation that is intimately aware of the ways in which you can request your data, and can offer up a consistent interface to the ListView. This enables your UI to be completely flexible to it's layout, and request enough data to satisfy the available space, while virtualizing the UI elements (better memory/performance), and the data (ensuring only the data needed by the user is requested.
Full worked example here.