how to hide the entire row in a simple (customised)table
In InfoPath you can not conditionally show/hide (or otherwise programatically affect) specific rows/columns/cells in a standard table. Your best bet is to just show/hide the fields themselves that are inside the row.
If you have other text or borders and formatting that you want to hide as well you can get really close by splitting the table up and putting that row in its own section - which can be hidden using conditional formatting.
check out the tutorial at
http://office.microsoft.com/en-us/infopath/HA100338851033.aspx
If you use a control such as a repeating table, you can set up conditional formatting to hide a row that matches a condition.
For hiding you need to use the sections or repeating table. Sections are good as we can put formatting condition on them.
http://www.infopathdev.com/forums/p/774/3005.aspx
Related
I want to create a datagrid that has cells that are vertically next to each other and has the same name merged. Tried to google many sources but couldn't find any help.
This is not possible with Clarity in a datagrid, as this breaks the pattern of rows holding content atomically. Pagination, rendering, sorting, filtering would all be much more complex to implement and understand for the user.
I would suggest that you use a regular table which can have column or row spans attached to a cell, or just have each row repeat the content in the cell instead of trying to merge it.
I need to develop a Kendo grid as the one in the mockup that follow:
This is simple, but when a special value is selected in one of the select fields, a sort of sub-row must be displayed:
So, this set of 3 (or 6) fields is what I need to have on every grid row. That means I need to add other rows like this, being able to liveedit them or delete.
I'm wondering what is the best way to reach this (if possibile).
Can I simply define the whole set of fields (with sub-row) as a single grid row then split someway it using CSS or Kendo grid already support this kind of layout?
The Kendo UI grid is a widget which allows you to visualize and edit data via its table representation, KendoGrid is not best approach in my opinion.
You just need to create on kendo template, with you 3 static dropsdown's and when you click on your "special" value you will have to append your template again with other data if is needed.
Check on KendoTemplate docs.
EDIT: So you will have to use kendogrid detail (hardcoded), and use tempate to show you 3 fields I think.
Hope this help
I have recently been tasked of extending the add/remove functions for repeating sections within an InfoPath form. Primarily because the default look is pretty ugly and unintuitive.
What I want to do is to place a "remove" button within each of the repeating sections, which when clicked will remove that section. This seemingly simple task does not appear to be all that simple in InfoPath.
Does anyone know how I would go about such a thing?
Removing the whole repeating section? or line in that section?
For the whole repeating section, try hiding rule it by putting it inside another section.
There is no out of the box rule that will delete the section.
You could use code for this - write code that deletes the instance of the group when the button is clicked.
You could also leverage Mekalikot's suggestion - add a field called "hide" or something in your repeating group and when the user clicks "Remove" set "hide" to true. Add conditional formatting to hide the repeating section if "hide" = true.
I have in my application a larger textbox and offer user the possibility to enter text on several rows like this:
first piece of text
second piece of text
and so on...
Each row is a distinct piece of data that has a significance. The thing is I would like to use ajax auto complete extender functionality after the user types a certain character on a row, such as #, and filter the records in the database according to the first letter the user typed after #, moment when the auto complete suggestion list would appear. For example, third piece of text #Action1, means that after the user typed A he would be prompted with a list of values to choose from.
There are several items of concern for me: first, it is possible to use autocomplete extender only for part of the text in the textbox, and second does it work like this for multiple rows (i.e. one time - in each line behaviour)? Regarding its position, I guess I have no other choice than at the bottom of the textbox it refers to, despite I would have liked it to appear below the # symbol.
Thank you very much.
Update: I found something similar to what I am looking for here: Twitter-style autocomplete in textarea, but the author only explained briefly his solution. Any help much appreciated, thx!
Each row is a distinct piece of data that has a significance.
Why are you using a textarea then, and not multiple <input> fields?
Sounds to me like your error in UI design lies right there already, so the rest of my answer is rather theoretical; I probably won’t go into more details as the sensible fix for your problem is the one above.
first, it is possible to use autocomplete extender only for part of the text in the textbox,
Why shouldn’t it be? Cursor position in a textarea for example is readable (although it requires some working around cross-browser issues).
and second does it work like this for multiple rows (i.e. one time - in each line behaviour)?
So long as the line breaks are “hard” ones (made by the user themselves, using enter/return), splitting the actual textarea content by "\n" to have each row as a single value is no problem.
Regarding its position, I guess I have no other choice than at the bottom of the textbox it refers to, despite I would have liked it to appear below the # symbol.
You could try to roughly measure the #’s position, by line and col number it is on, and match that to the character width and line height, when using a monospace font. For other fonts, some more “magic” might be required to measure the actual width of the previous text before the # character.
I have created a Meteor package for this, which allows both free text and multiple autocomplete sources. Meteor's data model allows for fast multi-rule searching with custom rendered lists. If you're not using Meteor for your web app, (I believe) you unfortunately won't find anything this awesome for autocompletion.
https://github.com/mizzao/meteor-autocomplete
See the link for pictures of how it works. Fork, pull, and improve!
i want to make a table using action script 3.The description of the table is that table should have three parts
one is header
second body
third footer.
Every part of the table mean header footer body also tables which can contain more than one row.
Please any one can give me idea about table.
Which container mean to use to accomplish this task.Any suggestion like this table.
thanks in advance!!!!
The simple Datagrid component does not let you have a footer.
Here is a simple DataGrid Example http://livedocs.adobe.com/flex/3/html/help.html?content=dpcontrols_6.html
Incase you are looking for a footer as well, check this out :
http://code.seanhess.net/?p=17
http://files.seanhess.net/demos/FooterDataGrid/Test.html
You can use Grid container which can do the same as table tag in HTML.
You probably should use the DataGrid component. There's an example in the online help which should get you started.
There are also some third party components for rendering html tables in Flash, if you prefer that.