i have created a Winjs.UI.ListView(with Binging in GridViewtemplate: some images and titles) and everything is OK But i would like de clustering(make groups of )my items close to each other and the others in the next Column of the listView .
I will be thinkful if anybody has an idea or some portion of code.
Related
I want to represent, for example: Apple is brand and it has categories like iPhone, iPad ... and each category has different device like iPhone 12 Pro, iPad pro, iPad air ...
and I want to represent them in stacked on each column, This is what I want to do
-> And -> And I have this Here I put category iPhone as total amount of cost of (iPhone 12 Pro, iPhone 13 ...)
I want this kind of bar chart
Sure you can, here's an example:
https://echarts.apache.org/examples/en/editor.html?c=bar-y-category-stack
you can check this,
https://apache.github.io/echarts-handbook/en/how-to/chart-types/bar/stacked-bar/
you must insert the same value of stack variable. if at the first data you add value stack of variable is 'x', you must add same value at the second data.
I am new to react and html, we are currently developing a front page where in user can key in some values and based on which REST API (basically a backend service) would return the result.
We are capturing this result onto a table with 7 columns.
Last column i.e., column 7 will have a button which on a click, will invoke another REST API with different params and result, should display a value and also give another button option.
Currently I have below 2 issues:
1) When I click the button on any row, always the text is being displayed only on column 7 of row 1 (even though my state variables show correct results). Not sure what might be the issue. Can someone please point it out?
Code of column 5:
<td>
<className='xx' id='clm5'>
<button className='yy' type='submit' value={identifier of the row} onclick=this.function()> Display</button>
<p id='clm5' />
</td>
Function:
document.getElementById('clm5').innerHTML = Text to display;
2) I need to have an additional reload button along with text as stated in point 1. How can I get this achieved?
Any help over these is much appreciated
There is a gallery in which there are 2 files (.png): One of them is signed as "00.png" and another one "001.png". Which of these photos will go first and why?
How to shows three different categories in a page in joomla3.0. and I want to get each category details when press that category
please see this Eg: http://www.templatemonster.com/demo/42980.html
In this web-page take "Services" page this page i want exactly please help me .
Check this Extensions
http://extensions.joomla.org/extensions/authoring-a-content/content-construction/19217
demo : http://demo.tzportfolio.com/
yep it's http://isotope.metafizzy.co/ what you are looking for and TZ Portfolio linked by chermanarun is using it ;)
There is no need of extensions and all follow this steps you will get it.
this steps are in joomla3.0 .
STEP 1 : take Menu Manager and take main menu.
STEP 2 : in main menu take choose your own page (here am selecting services page.inthe place you can take any pages eg : about,products.....etc).and change the Menu Item Type into Gallery view(click the select button that time open a window in that window click the Articles here you can see the list of some Menu Items select Gallery view )
STEP 3 :Now take Advanced option in there you can see Blog Layout Options here we some arrangements in there you can see Intro Articles(enter the numbers you Articles how much you want to show in a page),Columns(Numbers of columns), Multi Column Order(change this to Across), Show Filter(change this to SHOW )
STEP 4 : press save button and refresh it and see how is your page now.
Blockquote : need want one or more subcategory in that category which you selected in the* Choose a category field .
I want to create a scrollable list in flash/as3 and the important thing is.... if the user wants to move some list item up or down... he can do that by dragging the item... so when he press and hold on an item... the item will become drag-able and as the user moves it up or down the list, the other items should slide to the empty space. Its the same behavior seen in smartphones....
I'll figure out the creation, data filling, scrolling, and other mouse interaction events.... i just want help with this one behavior....of changing the order of items by dragging them. If only someone can just provide the basic algorithm or any idea how this can be achieved.. it will be enough.
​Thanks in advance
EDITS :
First of all... i apologize for not posting any details about the question... (this is my first post to this site) and hence i am adding all the research and what i have done so far.
the list is part of a big project hence i cannot share the whole code.
WHAT I HAVE ALREADY DONE :
i have created a mask, a container, a scroll bar to scroll the container, items to add into the list, methods to add items, remove items and arrange them according to the order.
hence it is a scrallable and working list.
the whole thing is in as3 and flash only.
i don't know flex and i don't want to use it either.
WHAT I WANT NEXT :
i want to change the order of these items by (mouse_down on an item -> drag it up/down -> mouse_up at the position) sequence.
If anyone wants more details i can share it.
Thanks in advance.. :)
Add a simple List component to an application
In this example, the List consists of labels that identify car models and data fields that contain prices.
Create a new Flash (ActionScript 3.0) document.
Drag a List component from the Components panel to the Stage.
In the Property inspector, do the following:
Enter the instance name aList .
Assign a value of 200 to the W (width).
Use the Text tool to create a text field below aList and give it an instance name of aTf .
Open the Actions panel, select Frame 1 in the main Timeline, and enter the following ActionScript code:
import fl.controls.List;
import flash.text.TextField;
aTf.type = TextFieldType.DYNAMIC;
aTf.border = false;
// Create these items in the Property inspector when data and label
// parameters are available.
aList.addItem({label:"1956 Chevy (Cherry Red)", data:35000});
aList.addItem({label:"1966 Mustang (Classic)", data:27000});
aList.addItem({label:"1976 Volvo (Xcllnt Cond)", data:17000});
aList.allowMultipleSelection = true;
aList.addEventListener(Event.CHANGE, showData);
function showData(event:Event) {
aTf.text = "This car is priced at: $" + event.target.selectedItem.data;
}
This code uses the addItem() method to populate aList with three items, assigning each one a label value, which appears in the list, and a data value. When you select an item in the List, the event listener calls the showData() function, which displays the data value for the selected item.
Select Control > Test Movie to compile and run this application.
source: http://help.adobe.com/en_US/ActionScript/3.0_UsingComponentsAS3/WS5b3ccc516d4fbf351e63e3d118a9c65b32-7fa6.html
Finally i have got the answer from some other forum.
Here is the link to the example (behavior) that i want to add to my list :
http://www.learningactionscript3.com/2008/05/13/the-power-of-relative-positioning/
(at the bottom 'Advanced Align Example').