Css - Prevent A Menu From Expanding Over Adjacent Content?
Nov 25, 2010
I have a two column layout, with a vertically oriented ASP.NET menu control in a narrow left column, and info related to the selected menu item in a wide right column:
<div class="span-4">
<asp:Menu ID="categoryMenu" runat="server" Orientation="Vertical">
</asp:Menu>
</div>
<div id="product-grid-pane" class="span-12 last">
<asp:GridView ID="productGrid" runat="server" AutoGenerateColumns="false" ShowHeader="false" Width="100%">
</asp:GridView>
</div>
If a menu item contains long text, the menu simply expands over the grid. How can I prevent this? I might need two answers here: the pure CSS one, which would be very nice if the menu control rendered nice, simple UL elements, but it seems to prefer an impenetrable table based structure I may need additional help styling properly.
View 1 Replies
Similar Messages:
Feb 25, 2010
I have a WebPartZone in each of two adjacent columns. There is a gap of about 4 pixels between the two columns that I cannot remove.
I have two zones with the following markup:
[Code]....
On running the page, the relevant source code is:
<%-- End of contents and div containers for Column 1 Zone --%>
...jText at the end of this Webpart.</span>
</td></tr></tbody></table>
</td></tr></table>
</td></tr>
<tr>td style="padding:0;height:100%;"></td>
</tr></table>
</td></tr></table>
</div>
</div>
<%-- Start of div containers for Column 2 Zone --%>
<div id="ctl00_Main_MainCol2" class="box33" style="Width:39.9%;">
<div id="ctl00_Main_MainCol2Con" style="width:auto; margin-left:0.0em; margin-right:0.0em;">
<table cellspacing="0" cellpadding="0" border="0" id="ctl00_Main_ZoneCol2">
<tr><td style="height:100%;">
<%-- The following 2 tables both have cellpadding="2" which appears to be causing the problem --%>
<table cellspacing="0" cellpadding="2" border="0" style="width:100%;height:100%;">
<tr><td>
<table cellspacing="0" cellpadding="2" border="0" id="WebPart_wp1787670866" style="width:100%;">
<tr><td cellpadding="0" style="padding:0px;">
<div id="ctl00_Header_WebPartManager1_wp1787670866"></div>
<%-- Start of contents of Column 2 Zone --%>
<table cellspacing="0" cellpadding="10" style="border: thin solid #000000; background-color: #8db3e2; width:
100%;">
<thead>
</thead>
<tbody>
<tr>
<td><span style="font-size: 12px;">Text at the beginning of this WebPart....
Two of the tables, which I think are rendered by the WebPartZones, have cellpadding="2". This seems to be giving the 4 pixel gap between the columns.
View 2 Replies
Aug 28, 2010
I have a page where I want to keep several combo boxes adjacent to each other. I have put them in divs that are floated left.
This works fine in IE, Firefox. But when I render the same page on Chrome I observe the uneven gap between combo boxes. Upon analysis I found out that each combo box is occupying space based on the data inside it.
This happens because on Safari and Chrome, the option list control is placed differently as compared to that on IE and Firefox.
Please see the following code from ComboBox.pre.js (in AjaxControlToolkit source/Server/)
[Code]....
This is how it looks:
I have tried doing the following but none of them helped:
Changed the RenderMode of combo box to 'block' from 'inline'Commented the lines above in combobox.pre.js
Basically, as per my study, unlike IE and FF, on Chrome, the outer combo box div occupies space as the width of absolutely placed ul present inside it which anyways doesn't seem to be a correct implementation.
View 2 Replies
Oct 6, 2010
I'm working on an asp.net c# application that sends an email with one attachment.The attachment is a vCalendar file.
Here's the code:
StringBuilder sbCalendar = new StringBuilder();
DateTime dtStart = eventDate;
DateTime dtEnd = eventDate;[code].....
I want to get rid of that text, and display only the contents of my messageBody parameter and have the vCalendar file just attached to the mail message.How can i do this? Is this an outlook issue or a coding issue?
Edit: I'm only interested in displaying the message in Microsoft Outlook. I've looked into the source of the message (in Outlook right click > View Source) and the text i want to get rid of is within the <body></body> html tags of the message)
View 1 Replies
Jan 30, 2011
How to prevent the content of the UpdatePanel from the PostBack which is occurred in the whole page ?
I have the following code:
<head runat="server">
<title></title>
<script type="text/C#" runat="server">
// I don't want it to call this event handler
[Code]....
The previous code will write in the TextBox2 in spite of it exists inside an UpdatePanel with Conditional for UpdateMode.
I want it to update only when I call UpdatePanel1.Update();
View 2 Replies
Nov 18, 2012
SO I download jqcalendar to include in my application as a starting point for a calendar (it is basically like Google calendar using JQuery/ASP.NET). I notice however when I click on a menu item on the master page, it shows up behind the content on the content page, as you can see here looking at the Maintenance menu:
I figure it has something to do with how the JQuery is rendering the page, but honestly not sure how to fix it. Here is the Jquery and HTML for the page:
Code:
<%@ Page Title="" Language="VB" MasterPageFile="~/Site.master" AutoEventWireup="false" CodeFile="Calendar.aspx.vb" Inherits="Admin_Calendar" Theme="jqCalendar" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
<title>JQCalendar</title>
[Code] ....
View 5 Replies
May 20, 2010
i m using master and content page and i have created Usercontrol for Left menu of jquery but my menu working fine in html markup but not in content page
Here is my code:
MasterPage:
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="User.master.cs" Inherits="User" %>
<%@ Register Src="~/UserControl/TopMenu.ascx" TagName="TopMenu" TagPrefix="uc" %>
<%@ Register Src="~/UserControl/TopLinks.ascx" TagName="TopLinks" TagPrefix="uc" %>
<%@ Register Src="~/UserControl/LeftMenu.ascx" TagName="LeftMenu" TagPrefix="uc" %>
<%@ Register Src="~/UserControl/NewsLetter.ascx" TagName="NewsLetter" TagPrefix="uc" %>
<%@ Register Src="~/UserControl/FooterLinks.ascx" TagName="FooterLinks" TagPrefix="uc" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[Code]....
View 1 Replies
Aug 10, 2010
What is the best way to include repeating content on every page of a website such as a navigation menu?
View 2 Replies
Sep 3, 2010
Trying out the asp menu item. I have a static menu across the top, and then when you hover over a menu item, a dynamic menu opens and displays 5 menu items from top to bottom. Only problem is, that the text in each of the 5 menu items is centered, where as I want them to be flush left. I've looked for some align options, but don't see them.
View 2 Replies
Mar 10, 2010
The problem with my web application is when ever i load the home page - The master page as well as content page loads ---This seems fine but when i navigate thorugh the website which have the same Master page but diffrent content page .... the master page loads again. What i want to do is ..I want to keep the master page intact and only the content page loads. How can I accomplish it..
View 3 Replies
Mar 16, 2010
I am having an issue with the HTML editor when using the context menu to paste content from word. Basically I want to paste the content as plain text which i have been able to do when using the Ctrl +V key by using the captureInDesign method, but unable to do this when selecting paste from the context menu. Is this possible using the AJAX control kit 3.0.30930?
View 2 Replies
Mar 2, 2011
Below are an XML file, as the DataSource, and an aspx code with the TreeView and Menu controls.
Why the TreeView and Menu controls can not display the "1999" and "2000" for the <StarWars>
tag and <JurassicPark> tag?
XML file
<movies>
<Adventure
>
<StarWars>1999</StarWars>
<JurassicPark>2000</JurassicPark>
<IndependenceDay/></Adventure
>
<Animation
>
<IceAge/><Shrek/></Animation>
<Drama>
<Titanic/><Ghost/><ForrestGump/></Drama>
<Horrer>
<Jawa/><TheRing/></Horrer><movies>
aspx
code
<asp:TreeView
id="CheckBoxList1"
DataSourceId="srcMovies"
Runat="server"
/>
<asp:Menu
id="BulletedList1"
DataSourceId="srcMovies"
Runat="server"
/>
View 1 Replies
Jan 14, 2010
I have a MasterPage where I use the menu control. Clicking a menu item loads a new content page. That part works fine.
I would like to use staticselected style to change the look of the selected menu item. However, when the new content page loads, the staticselectedsyle formatting does not work.
View 6 Replies
Feb 15, 2012
I have a master page with an unordered list that contains items like, Home, Messages etc.
Now I am working on an EditProfile.aspx page and I want the menu to change and have items like Basic Information, Profile Picture etc. Sort of like facebook. What is the best way to accomplish this...
View 2 Replies
Dec 16, 2010
I have asp:Menu on Master page like:
[code]
On content page (Login.aspx), I got Uesr Type. For Admin type only, I need to show the above bold menu item. No problem for getting User Type as "Admin". Just problem is that, how to visible/in-visible or enabled/disabled above bold text menu item?
View 3 Replies
Feb 22, 2010
but I've tried everything I could think of and am at the end of my rope. I've got a page (faithfamilychurch.com/v2aspx/Default.aspx) that I am trying to get the flyout menu and flyout quicklinks at the top to come out over the contentPage content. I've set the z-index of each to much higher values than the content page, but still nothing. I've tried the tactic of changing the contentPage z-index to -1, but there is some master page content that needs to appear behind the contentPlaceHolder. Code below.
Master Page:
[Code]....
Content Page:
[Code]....
CSS:
[Code]....
View 2 Replies
Sep 21, 2012
I'm using this wdCalendar code I found to add a Google calendar like calendar to my application. It uses mostly JQuery to work. Anyways, I notice when I use a pull down menu from the master page, the content page is blocking it (see attached image).
View 1 Replies
Jan 17, 2010
Work on Asp.net VS08. In my master page i need to fill a treeview form database.I done it,i set the NavigationUrl value. When user click a leaf, then they see there wanted page. But then the MasterPage tree become expanded on root. I want the tree will not expanded and tree will the same as before click on leaf.
View 1 Replies
Mar 16, 2010
I've run into a problem with expanding a dropdownlist when the client is IE6...The screen allows users to optionally specify search selection criteria from dropdown listboxes. Since there may be a large amount of selection data, the usage of which is optional, the selection dropdown lists are only populated on demand (i.e., when the user clicks on the listbox -- I use the OnMousedown event). This improves the overall performance of the system since most users will not use the optional search data, saving time since that data is not retrieved from the Web Services calls and not added to the lists.
After loading the list, I fire the OnClick event to simulate the user's mouse click and display the list items that were just added. For IE7 or IE8, firing the onclick event works perfectly to expand the list. However, this does not work for IE6 -- it requires a second and third click on the listbox to display the list. Note: replacing the fireEvent("onclick") call with alert() works with IE6 (haven't tried it with IE7) -- after clicking on the dialog, the list is displayed correctly. That's not a realistic option for production, but may shed some light on a possible solution.
[Code]....
View 1 Replies
Mar 6, 2010
I need to create a dynamically expanding div tag, and I am not too sure how to go about it. Basically, I have a bulleted list control, which will be inserted inside a div tag. The div tag's height is set to about 70px. When more than 5 list items are added to the bulleted list control, I want the div tag's height to expand to show the rest of the items. What I was thinking is when there are more than 5 list items, to have a little linkbutton with the word more, and to click on this button, which will then expand on the div tag.
View 5 Replies
Jun 23, 2010
i've made an Ajax accordion in a page. the problem is that the accordion is not collapsing or expandingthis is the code:
[Code]....
View 4 Replies
May 17, 2010
I'm trying to accomplish something like this [URL] , where you have images displayed in several columns, but as you resize your browser, columns will (dis)appear so to fit what you can see on the screen.
PS: Bear in mind that I'm quite a ASP.Net noob
View 2 Replies
Nov 29, 2010
Ok so the story is my users need a multi-select dropdownlist, which doesn't exist in ASP.NET, so the simple solution I'm going with is I'm using listboxes with multiselect on and I start them off at size 1, and onmouseover I change the size to say 10, onmouseout sets it back to one. Simple enough and the users don't know the difference.
Now, my issue comes from the fact that since I have any number of controls on my web app, I've set these listboxes to higher z-index numbers than the other controls, which creates a problem: on my listboxes closer to the bottom of the page the list expands below and not above, and part of the listbox goes under the bottom of the page but since onmouseout resets the size of the listbox I can't scroll the page down.
Does anybody know what I need to set to make it expand up instead of down?
edit Also, some may ask "why don't you just rearrange the listbox to a higher position in the page," the reason this isn't a viable option is I have well over 40 controls on the page and it they're grouped cohesively, I didn't just randomly place them where they are.(ie. investment info in one section, account in another, suitability in another)
View 1 Replies
May 6, 2010
I having an issue with the ASP.NET Treeview control. I create the treeview just fine but the nodes will not expand or collapse. I see there is a javascript error but it is for line 1 character 0 of the webpage, there is nothing at line 1 character 0.
I am using the ASP:Treeview control in conjunction with the Telerik controls, but I'm not sure if that is an issue.
I saw there was a similar question here but the answer is not pertinent to my site. Has anyone run into this issue before? I've tried searching Google and tried a number of proposed solutions but so far none have worked.
View 2 Replies
Jan 22, 2010
I'm having a problem with <%= obj.ClientID %> expansion, in a .ascx user control.
I have a .js file, containing a javascript function:
function doSomething(objectId)
{
...
}
I have a .ascx file, with some html elements, and in one element's onclick= I want to call doSomething(), passing the ID of an element in that .ascx file, where the passed ID is of an element other than the one being clicked on, so I can't use "this.".
Maybe it'd be clearer with an example.
This works:
<script type="text/javascript">
function redirect()
{
doSomething('<%= top.ClientID %>');
}
</script>
<div id="top" runat="server">
<img src="..." alt="..." onclick="redirect();"/>
</div>
But this does not:
<div id="top" runat="server">
<img src="..." alt="..." onclick="doSomething('<%= top.ClientID %>');"/>
</div>
When I look at the source, I see that the <%=%> substitution has not happened, instead of "doSomething('ctl00_myControl_top');" I get "doSomething('<%=top.ClientID %>');"
For some reason, the script expansion happens in the former case, but not in the latter. The work-around, of course, is not acceptable because it will break if I include multiple copies of the control on a page - only one instance's "redirect()" function will be accessible.
View 1 Replies
