i want to create a drop down box with a number of items such that when the user checks the item in the drop down a description will appear on the side of the page. which tag in html allows me to create this description field that depends on the item in the drop down. Thank you
You cannot do this only with HTML, you have to use some CSS and Javascript to achieve this... you can use the CSS property display to show / hide the description box and javascript onchange function to check when an option in a drop down box is selected / changed..
Related
Currently, i have a few number of fields that shows up and hides on a button click.
I want to transfer some of those fields to a pop-Up (preferably using angular material) . Can you help me with some links?
Also this is in Angular !
Set id on parent tag and on button click hide show functionality.
Otherwise use [Toggle]: https://www.w3schools.com/jquery/event_toggle.asp functunality.
I want to make a drop down list in spotfire using html. So based on choice selected I want to show custom divs. How to implement that ?? Can anyone help with the ironpython script
Do you want to use ironpython or do you want to use HTML? There is no need to use both although you could make a solution with both.
Anyway this question shows you how to do it with HTML and JavaScript, both of which I believe you can use in Spotfire.
Drop down list - display div when clicking an option
You will want to create that script that is activated by your Property Control. The Property control would dynamically change a different textbox in the visualization. The code you would use would look a bit like this:
from Spotfire.Dxp.Application.Visuals import HtmlTextArea
outputVis = output.As[HtmlTextArea]()
outputVis.HtmlContent = "<p>"
What you can do is add a new text area. Then, add a drop down list in this text area. You can create a new Document.Properties linked to this drop down list.
You can create many options in your drop down list, and your Document.Properties will have the selected value of your drop down list.
Text Area could be designed in HTML/CC so you can customize as you want.
Once you have your Document.Properties with the drop down list value, you can go on your chart properties and add a custom expression with your Document.Properties like [MyCol]==$(docproperties)
I hope it will help you !
I am looking for a way where multi select list box should display as normal single select combobox but on click it should work as list box allowing multi selct like show below as in spreadsheet. I am looking for solution in CSS HTML and javascript rather than in Jquery.
You can't make an element behave like that, but you can make something that looks like a dropdown list, and when the user clicks on it, display a popup/popout with a select that allows multiselect (has the size property set).
you can do this by jQuery MultiSelect and here is the demo
Is there a a way to hide the arrow in a standard dropdown select fieldset?
Fiddle link
I have an autocomplete system where you fill in the organisation number of a company and it finds the info based on a database. I'd like to have the select box, but without the arrow..
I need it to do this as it's a double function form, either you can fill in your ORG nr or just manually type it in, pretty simple, probably used all over the internet.
Thanks :)
Kyle,
Usually autocomplete systems use input text elements instead of a select element. This creates what you are trying to achieve. Google is a classic example of this.
If you want, you can take a look at jQuery's autocomplete plugin to get another example and some code ideas, or whatever. http://docs.jquery.com/Plugins/Autocomplete
It's not easy, but you can fake it by putting a button above a Select that has its size property set to a value greater than 0.
Have the Select hidden and positioned absolutely under the button. Clicking the button shows the list. Selecting the list changes the text on the button and re-hides the Select.
This way you need a text box, because you cannot type anything in <select> tag.
And put an onclick event to this box to open autocomplete with all possible values.
I want to show a DropDown that should display two values in two columns. I want in HTML or CSS.
Mega-dropdown? Check this example; Tutorial here.
You won't be able to do this with HTML and CSS only. You will have to use script also.
Here is a jQuery based drop down
mcDropdown jQuery Plug-in v1.2.10
You can also check this one
38 jQuery And CSS Drop Down Multi Level Menu Solutions