User would be initially shown a screen with a card placeholder. There would be a plus button on the card.
On clicking the plus button, the user would be prompted to select an image.
Once the user selects an image, it would be shown in place of the card and a new placeholder card would be generated with a plus icon.
Each image card would have a close button which on click should remove that particular image from the list.
please help me how to approach this above problem
here you can find very basic and simple implementation: ngRepeat error when removing child directive from parent directive. And here is my modifies version: http://codepen.io/anon/pen/mrZOre?editors=1010
Related
i have a panel in a page, and in the panel header i have a red delete btn, the panel content contains a form which has a few btns (the red delete btn is not in the form, but its linked to the form via the form="abc" attribute).
in the pic below, When i click the btns in the form, it'll post some values. Before i submit a form (the pink remind button), my red delete button looks like this ( nice and rounded)
enter image description here
but after submit, it became out of shape. ( btn height changed). This only happens after i submit and didnt reload the page, if i reload the page or redirect the page back to itself, then the delete btn will return to its normal shape.
enter image description here
i did not alter the classes of the btns using js or jq, the only thing that happens after i submit are some php scripts which shouldnt affect aesthetics. Also, the panel is reloaded every 5 seconds within the page to update its content, but the whole page itself is not reloaded, so if its html or bs4 issue, then after i submit form, the delete btn should return to normal shape after 5 sec, but it seems like something outside of the panels but within the page needs to be reloaded to change the delete btn back to normal shape. I checked the deletebtn and the parent elements in inspect before submit, after submit, and after reload page, but everything is the same, except that it shows the height px are different.
Can you post snippet of your code?
Alternatively just give inline style attribute to the button and specify height, width, padding etc.
I have created few forms and one pdf preview for this, whenever anyone will going to fill that form pdf preview will get updated with respect to it and after filling all the forms we can take pdf of it.
I want to be shown the particular section is getting updating (like changing the background color or underline it) on right side
when you giving the input on particular text box.
Please find the live code at http://ibus.proserindustries.com/
Posting this answer from the comment.
$("#propertytubelight").keyup(function() {
$("#propertytubelight1").text($("#propertytubelight").val());
document.querySelector("#propertytubelight1").scrollIntoView({ behaviour: "smooth", block: "nearest", inline: "start" });
});
This uses scrollIntoView method to scroll the input field with it's linked html element
I am using SSRS 2008-R2
I have a textbox in a tablix/matrix, for usage as a menu bar, which links correctly to given reports (four to be exact).
The textbox is using a background image, to represent a button.
However, only the text inside the textbox is a link to the report, i want to be able to use the entire box, which is formed by the background image.
Is there a way to alter the 'action' so the entire box is clickable?
Alternatives, like using an image, is also very welcome!
You can't make the whole text box a link but you can put your Action on the Image instead.
In the Image properties, there is an Action tab that works the same as the Action tab on the text box which should work when the user clicks on it.
I'm trying to work around a webview issue on Android devices using Select drop down menus, using instead radio buttons in a popup to make user selections
What I need though is for the button text to change according to the selection the user has made. I've put togetaher a Fiddle of what I thought would work, but it's not playing ball, and I was wondering if any wiser heads out there could offer some advice.
Fiddle here;
http://jsfiddle.net/vinomarky/gEXhD/
Note: I've currently added some alerts in there when the javascripts fire, but they are not firing, and am not sure why not.
Question 1:
How to change the button text to match the user selection
Question 2:
How to make the radio selection minimize as soon as a user has made a selection, without having to click off the radio
Thanks in advance
you can use jquery click event instead of using onclick attribute
because you use jquery mobile ui, to change button text you should change button text container value not pressure_cands itself
and to hide popup screen when an item selected call click event of popupBasic-screen div
$('#updown1').click(function(){
// to change button label
$('#pressure_cands .ui-btn-text').html('THP');
// call popupBasic-screen click event to hide popup menu
$('#popupBasic-screen').click();
});
$('#updown2').click(function(){
// to change button label
$('#pressure_cands .ui-btn-text').html('FBHP');
// call popupBasic-screen click event to hide popup menu
$('#popupBasic-screen').click();
});
This should have a really obvious answer but I can't figure it out...
I've made a button in Access 2007 that takes the user to a form (and other buttons that do other things). I've made the button's background an image so that I could have a gradient-style button but I'd also like to have text on top of this. There is text on the button but it gets hidden either because it's just a name given to the button for VB or because the gradient image is being place on top of it...
any ideas?
Access 2010, and Access 2007 supports both text and graphics on buttons.
Eg note the top buttons:
or simply this:
I do believe that transparency in 2010 is better supported, and the options for buttons in 2010 does include shadow and gradient options:
Eg:
I'm not sure how you did set picture as button background. Might be do you mean that you have two independent controls, an image and a button. In this case right click on the image and Position / Send to back. Back style of the button should be Transparent, but Transparent property should be set "No".