I have a DevExpress grid view on a partial view. After setting all the options and everything I want, I bind the grid view like this:
#grid.Bind(Model).GetHtml()
This works great, and everything is functional. However, after binding, I tried adding some HTML content at the bottom of the page, but that seems to break some button functionality I have on the main view. I even tried to just add
<div>bla</div>
and this broke things too. Is this expected behavior? Am I not allowed to add any HTML content after the grid view?
I tried adding some HTML content at the bottom of the page, but that seems to break some button functionality
A partial view with a grid should contain only the grid. It can't contain other elements. Remove those HTML tags you have from the grid's PartialView to resolve this problem.
See the Why can the alert message with the HTML/JavaScript/CSS content appear when using callback-aware extensions? article for more information.
Related
I am new to bootstrap css.
I have a left div that contains my menu list and I want to open the page in right side div when user clicks on that link. Many links I came across use frames which I am not using/ intend using.
This is my code:
I have this in my left panel
<li>Click me</li>
and I have this <div id="targetPanel" class="col-md-9"></div>
the code of course does not work as expected and opens my page into a new tab. Is there any way that I can open it in right side div?
NOTE: I am not using any frameworks or any other support like PHP, JSP etc. I am supposed to work with pure HTML only.
The only way to do this using pure HTML only is an iframe:
<div class="col-md-9"><iframe src="about:blank" name="targetPanel" style="width:100%;height:500px;"></iframe></div>
The target attribute of the link will refer to the name of the iframe so the link should open inside that iframe. Note: I used a fixed height of 500px for the iframe, you'll need to adjust the height to your needs. You can also find javascript snippets that can resize the iframe according to it's contents (although with some limitations).
AJAX is another option, that would involve setting a click handler on the link which cancels the default behaviour and instead, does an asynchronous GET request on the url, then parses the returned data and injects it into the div. There are many caveats to that method though, you'll have to strip out everything except the contents of the <body> tag before you inject it and the injected "document" will inherit/be affected by any styles present on your page.
I thought some of the Ext JS objects would translate directly into non-div html tags. Why is everything a <div> in element view when viewing my app in debug mode? I never see any <button>,<img>,<a> or any other usual html tag.
For clarification:
Here is for example how the textfield looks like. Inside of all divs, tables, etc. there is input component. Use a "magnifier" tool to fined precise a component that you are interested in.
What is actual the question or problem?
Actually all this divs are wrappers for positioning and styling. To see initial components go deeper in divs. Actually it's nothing to do with chrome. Moreover there is some error in console, it can also be the reason why component wasn't rendered completely.
I am using ui-router of angularjs in my SPA. When i add an style to my view pages, angularjs loads them when switching to than view. Thats actually pretty cool that it can be done in runtime.
The problem is i do not want it to do so. for example i want to use bootstrap css in my view. it is already inserted in the main page, so it is not needed to get loaded again form child view. but for my IDE to auto-complete class names, it is needed to be added to html page of subview.
Is there any way to ask Angularjs to ignore Head part and just load Body part of my html?
I am having a bit of trouble trying to create a custom page template on Wordpress using the _tk theme (based on _s theme & Bootstrap). My issue is that I want to make the custom page template span the entire width of the content area after removing the side bar, but there is a class showing in the HTML inspector that is not allowing me to do this. I have included a screenshot to show what I mean.
I can remove the col-md-8 class from the inspector and it gets me the desired result, but I can't locate it in the PHP files to remove/modify it. I am fairly new to developing/designing with Wordpress, so I'm not sure if I am even going about this the right way.
Site I am working on: http://66.147.244.181/~slimbaby/phenomradio.
col-md-8 is found in header.php on Line #85.
You might want to simply override the CSS on that specific page though if you prefer not to edit header.php
I am using Ruby on Rails 3.0.9 and I would like to show a block (that is, something like a popup message - I think it should be a HTML div tag...) in the middle of a page without open a new page.
For example, clicking a link in a page it should appear overriding the current browser page and should have a fixed width. In few words, I would like to implement something as a Facebook "generic dialog popup".
How can I implement that? How I must state HTML and CSS?
There are many, many solutions to modal dialogs in JS.
For example:
http://ssssnakes.com/smoke/
http://jqueryui.com/demos/dialog/
http://onehackoranother.com/projects/jquery/boxy/