NumericUpDownExtender for MVC4 - asp.net-mvc-4

How we can use NumericUpDownExtender in MVC4??
Is there is a JQuery plugin for this or another option.
Any help will be appreciated.Thanks in advance!

Take a look at this jquery.numeric plugin : http://www.texotela.co.uk/code/jquery/numeric/
$(document).ready(function(){
$(".numeric").numeric();
});
it covers also textareas.
Another 3rd party option specifically for MVC is to use Devexpress Spin Edit, which is very good but also very expensive.

JQuery UI has a plugin that called Spinner; it enhances a text input for entering numeric values, with up/down buttons and arrow key handling.
You can find all information about that at http://jqueryui.com/spinner/
There is a also a Nuget package at http://www.nuget.org/packages/jQueryUIHelpers.Mvc4 that integrates jQuery UI into your ASP.NET MVC 4 application.

Related

OpenTest support for Dojo toolkit

I'm trying to use OpenTest with web applications created with IBM EGL using the Dojo toolkit. The issue with dojo is that it dynamically generates id's every time so they cannot be used as a locator. In addition many elements do not have an xpath so that can't be used either.
It seems like this is a common issue when I search for "dojo" and "selenium" but I haven't found any solutions yet.
Other testing tools have "explicit" support for specific frameworks (e.g. like dojo) so I assume it's technically feasible.
Here is an excerpt from a website where this same question was asked and OpenTest supports building out macros that do just what this indvidual was able to do with .NET code. Please reference the blockquote below as well as the source
I use Selenium to Test my web application which is built by dojo/dijit
and asp.net MVC, so far it works fine.
I've faced the same issues with yours before. My way is "don't think
about dojo widgets" when writing steps interacting with them. Treat
them as normal complex html elements. You need to browse your dom tree
on the client after dojo parse your widgets, locate the real dom
element which dijit's value node or interactive part corresponding to
and do thing (Click, SendKey or GetId in your case) to it.
It is also good to wrap some common actions to widgets into Helpers
which can be reused in your project.
Below is a simple .NET example I use to test whether a button exist in
a dGrid, I just use css selector to find the cell, hope it helps:
[Then("I can delete it at row '(.*)'")]
public void Then_I_can_delete_it_at_row(int rowIndex)
{
var nthRow = Browser.FindElementsChecked(By.CssSelector(".dgrid-content .dgrid-row-table")).ElementAt(rowIndex - 1);
var deleteBtnsInRow = nthRow.FindElementsChecked(By.XPath(".//span[text() = 'Delete']"));
Assert.AreEqual(1, deleteBtnsInRow.Count);
}

Bootstrap buttons for DataTables

Im In need of assistance when it comes to implementing Bootstrap buttons in a DataTable where the purpose is to toggle the columns with these buttons.
This is how it looks like by default in the DataTables design, what I am trying to do is to use the Bootstrap design instead and also place the buttons to the left of the table which seem rather impossible...
If you have any suggestions please feel free to discuss it!
Check This
Bootstrap 3
This example shows DataTables and the Buttons extension being used with the Bootstrap framework providing the styling. The DataTables / Bootstrap integration provides seamless integration for DataTables to be used in a Bootstrap page.
https://datatables.net/extensions/buttons/examples/styling/bootstrap.html

shadowbox library doesn't work with durandal

I am working with durandal, and I am using shadowbox plugin "http://shadowbox-js.com/" to view image in a popup
to make it work according to shadowbox documention I have to call:
Shadowbox.init();
so I added it in attached event, but it doesn't work 'may be because the images are not loaded yet'
any solution to make it work??
Try using the composition complete lifecycle callback. See here for more information: http://durandaljs.com/documentation/Hooking-Lifecycle-Callbacks.html#combined-lifecycle
Everything works with Durandal. Durandal has nothing to do with it. What you should do is download Shadowbox's jQuery adapter. That approach is more appropriate under Durandal. Take a look at the link here.
Once you have the jQuery adapter in place, writing a quick custom Knockout binding is a breeze. Then, you can call upon Shadowbox declaratively, in your HTML, using the viewModel to configure it.

Angular-Kendo + Bootstrap Integration?

I am looking for the demo/examples where we have support for the angular-kendo and bootstrap together. I went through the kendo labs also but I was not able to find anything useful regarding the angular-kendo and bootstrap integration.
I checked the responses of the question : Using Angular, Kendo, bootstrap 3 components.
Anything more specific would definitely help.
Thank you.
Here is the link that shows kendo and bootstrap working together. I personally used this demo to learn a plenty about kendo ui.
http://demos.telerik.com/kendo-ui/bootstrap/
Hmm, not sure if it's what you wanted, but I recently created a boilerplate project using requires + angular + angular/ui-bootstrap + angular-kendo-ui + angular/ui-router.
I have a header bar using the bootswatch cosmo theme of bootstrap. The default view page have some alerts on it just for demonstration purposes. View3 currently have a kendo drop down list also just for demonstration purpose.
I plan to continue develop it into a showcase of anuglar-kendo-ui, but at least the project structure is already setup and you can do whatever you want with it.
Here is the git: https://github.com/davidiamyou/kendo-angular-seed
Let me know:)

MVC4 and Responsive Design Template

When used with responsive design templates, my MVC sites are not showing up on mobile the way they do for the demo template. They are always too wide or too narrow. I'm using all the same CSS elements as the purchased templates and not referencing Site.css at all. Is there something built in to MVC here that would be overriding css elements?
Firebug has a Responsive Design View. Try using that tool to help you locate what went wrong.
Okay, it must have been something subtle in my css but seems to be working now. I just need to pour over my css and make sure a single element isn't throwing it off.