MVC :: Styling Of The Dynamically Displayed Data?
Mar 21, 2010I am running out of ideas for my styling of the dynamically displayed data.
[Code]...
I am running out of ideas for my styling of the dynamically displayed data.
[Code]...
I'm adding items dynamically when a row is selected from GridView.
1. How can i make the items added are selected by default - (solved)
2. How can i avoid duplicates getting added to list
3. How can i remove them from list when user un-checks them.
And I want to change checkbox with an image and I'm using css like following but it is not working
.cbxCustom
{
...
}[code]....
I've got a Varchar2 field in my table which I want to convert to a CLOB. I am unsure whether the data would get truncated when selected. If so, what is the limit and does it depend on the database settings?
In my TOAD or SQLPLUS window it gets truncated but this may just be the environment settings. I'm not sure whether it would get truncated in my actual application (I can test this, but up to what size should I test?)
If it does get truncated, what's the best way to display the whole CLOB? There are other fields in my SELECT query, so I think I can't just loop through multiple rows. Is there any way out?
i have a very strange issue with a user control we are dynamically loading on an asp.net web page(.net 2.0). the user control has 3 dropdowns, one of which has a selectedindexchanged event attached to it (which loads the third dropdown with a set of values).
the weird thing is, if there are currently any invalid fields (where field validators have been activated) in other parts of the form, when you go to select the drop down in question on the FIRST change it does nothing, but then when you change the index again it works perfectly! i dont understand how the event wont fire for the first change, but for every change thereafter.
However, if all these fields are filled in correctly above the usercontrol, it fires off the selectedindexchanged event correctly.
in regards to validation i have disabled ALL POSSIBLE validation in order to try and eliminate it as a culprit, so i dont understand how validation can be affecting the usercontrol.
i created area "Decoration" for dynamically generating images.
public ActionResult Round(CornerPosition x, CornerPosition y, int radius, string color, int width)
{
Color c = ColorTranslator.FromHtml(color);
Pen pen = new Pen(c, width);
MemoryStream s = new MemoryStream();
using (Bitmap bmp = new Bitmap(radius, radius))
using (Graphics g = Graphics.FromImage(bmp))
{
g.SmoothingMode = SmoothingMode.HighQuality;
g.Clear(Color.Transparent);
when i reference image on the page <img src="/Decoration/Corner/Round/Right/Top/8/Black/1" /> it displayed properly if started in VS 2010 debugger.
but as soon as publish web site image not displayed!
using .net 4 and vs 2010 I have a gridview control that refuses to wrap the text in one column in IE 8, Safari 5 and Chrome 5, resulting in the grid extending outside of the page wrapper. I've got it to behave in IE 7 by creating a CSS class like so:
[Code]....
FF and Opera seem to rendere it correctly without any styling whatsoever. I've tried using the <ItemStyle wrap="true" /> property with no success. I've tried setting the wrap property in the designer with no success.
Im loading some results from a SQL Stored procedure into a Grid View. From my stored procedure I simply get 2 columns returned, Details and Savings, the savings are being returned in the format 30.50123 I want to limit this to 2 decimal places and put a euro sign in front of it like so €30.50, I have managed to do this however its adding a new "savings"column to my Grid view which I obviously don't want. So I now have a savings column with the correct format of €30.50 and my 2 columns from my stored procedure
details and savings. Heres my code....
[Code]...
I have a gridview control having the following columns.
ContestantID
Public Votes
Judges Votes
Public Percentage
Total
Schedular ID
Formula
4
200
1
51.282
330
2
130
3
190
2
48.718
450
2
260
2
1
??
25
1
1
??
1
3
??
75
3
1
??
On the basis of SchedularID i want to compare the value in column total and make the one with higher value as bold. But the problem is i am calculate the Total column at run time inside Row databound even. So any solutions?
[Code]....
I have a grid view that always displays even number of rows. Is it possible to apply same styling for two contineous rows. So for example there would be different background color for rows no 1,2 and 3,4 I would prefer to do that in code behind.
View 4 RepliesI have a gridview which i was trying to set the row that was currently selected to a different color.. i have used the SelectedRowStyle and works fine, but my needs are to highlight the row regardless of what button or link was clicked on within the row.. thats my description of "selected" i know that that the styles are based on events.. but i dont care if you click on edit, select, delete or any other button within the row.. i want to highlight the row so you know what record you are working with.. if i add the EditRowStyle, then if i selected row 5 it highlights.. no biggy, but with the edit row style, if i then click edit on row 2, then i have 2 records highlighted.. Is there not any way to determine if anything was done within a row and highlight it?
View 3 RepliesIn the example below I have set the control style to 'controlName' I want to use this class to define what my textbox looks like in edit mode. This works ok, so far so good. The Problem In a button event I add the class "validationError" to this textbox if the data is incorrect. When the grid gets rendered I expect to get 'controlName validationError as the class applied to the textbox. Unfortunately, it seems that the declarative statement overrides this and simply ends up as 'controlName' how I can intercept the application of the declarative class so that I get what I desire here?
<asp:BoundField
DataField="Name"
HeaderStyle-CssClass="headerName"
ItemStyle-
CssClass="itemName"
ControlStyle-CssClass="controlName"
HeaderText="Name"
>
</asp:BoundField>
I am using a css stylesheet in one of my web pages. The styles work perfect for Mozilla and IE 7 and below. However theres a problem with it in IE8 and safari.
The width of class in the css is 700px. I have used a contentplaceholder in the master page from where this web page inherits. Now in IE8 it displays a little less than 700px. I think it displays a width of 600px. How can I solve this problem? Is there a tool for IE 8 similar to Firebug?
EDITED: I have figured exactly where the problem is by debugging the page source and the css. I dont know how I can change the width and alignment for ONLY IE8
I have fixed it for IE8 but having issues with Mac Safari. Anyway to target ONLY safari?
From tools, options, HTML designer, CSS Styling, I checked "Change positioning to absolute...", clicked OK, but never save it. Every time when I open the project, it became uncheck again.
View 7 RepliesWhenever a user of my application first hit my application, it checks the querystring passed in and store and set the page styling throughout the site.Where is it best to add this check on my page? Master Page on page_load?How to store all the styling variables, so it can be reused throughout the site? Session?
View 2 RepliesWhy is the following asp.net code not including styling information when being rendered to HTML?
<asp:GridView ID="GridView1" runat="server" CellPadding="4" ForeColor="#333333"
GridLines="None">
<RowStyle BackColor="#FFFBD6" ForeColor="#333333" />
<FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" />
<SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" />
<HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
<AlternatingRowStyle BackColor="White" />
</asp:GridView>
Here is the HTML that is rendered:
<div class="AspNet-GridView" id="GridView1">
<table cellpadding="0" cellspacing="0" summary="">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Age</th>
<th scope="col">Sex</th>
</tr>
</thead>
<tbody>
<tr>
<td>Ronnie</td>
<td>25</td>
<td>M</td>
</tr>
<tr class="AspNet-GridView-Alternate">
<td>Tina</td>
<td>25</td>
<td>F</td>
</tr>
<tr>
<td>Lukus</td>
<td>4</td>
<td>M</td>
</tr>
</tbody>
</table>
</div>
There are no themes defined for this site. Any ideas what is going on? EDIT I created a new web site in VWD Express and copy and pasted my gridview code, which resulting in the following HTML being rendered:
<div>
<table cellspacing="0" cellpadding="4" border="0" id="GridView1" style="color:#333333;border-collapse:collapse;">
<tr style="color:White;background-color:#990000;font-weight:bold;">
<th scope="col">Name</th><th scope="col">Age</th><th scope="col">Sex</th>
</tr><tr style="color:#333333;background-color:#FFFBD6;">
<td>Ronnie</td><td>25</td><td>M</td>
</tr><tr style="color:#333333;background-color:White;">
<td>Tina</td><td>25</td><td>F</td>
</tr><tr style="color:#333333;background-color:#FFFBD6;">
<td>Lukus</td><td>4</td><td>M</td>
</tr>
</table>
</div>
Something is keeping styling information from being included in my original project.
im styling my asp labels using css and table. unfortunately the page shows the titles before the animal is loaded even. is there anyway i can hid them look at my screenshothttp://img229.imageshack.us/img229/3060/websitefn.jpg
View 5 Repliesi am "attempting" to use the Menu control to dispaly a static site map. To do this i simply set my StaticDisplayLevels to 10 to ensure the 4 levels of navigation i have all show up. this works fine but we require styling the upper level items differently from the lower items. Since i am not using Dynamic items i can't set DynamicItemStyles separate from StaticItemStyles (if anyone knows how to keep other levels dynamic but force them to stay expanded im all ears!)
Anyways i set an even on the MenuItemDataBound that gets rid of hidden elements and i wanted to use this similarly to a repeater control to hook into the hyperlink i have in the StaticItemTemplate and set a class. Only problem is using e.Item does not allow for a "FindControl" method. Is there any way to cast a menu item as a ListItem or somethign where i can actually try to find the control within it?
Or any other alternatives on styling levels differently. I noted that the e.Item has a propert of Depth which i can use to determine how to style it. just can't seem to get into the item to find any controls.
I'm migrating a large number of stand-alone pages into content pages. Most of this involves little more than copying and pasting a GridView from one page into the new page. However, I find that styling disappears in the new project, i.e. the styles (as classes) are still present in the stylesheet, but these classes are no longer applied to GridView table elements. Example, in the old project, once a table is rendered by the GridView, its header row has a class of HeaderStyle, but in the new project this is lost, without any editing of the GridView. Is there some mysterious, built-in mechanism that automatically applies these attributes to GridView elements that I have somehow disabled?
View 1 RepliesI've got the validator callout on my site and I've not been able to figure out how to style it. I don't want anything fancy- just want to change the background colour and text colour.
View 2 RepliesI have a piece of piece of HTML which looks like this -
<div id="moduleList">
<ul>
<li class="noBorder"> </li>
<li class="noBorder">
<span class="currentTabLeft"> </span><span class="currentTab">
<a href="Welcome.aspx"
id="grouptab_0">Home</a>
</span><span class="currentTabRight"> </span>
[Code]....
Is there a way to force the asp:Menu control to spit out ul and li instead of tables, so that I can use my existing css styles to style them correctly or is that a lost cause?
I have this issue which isstopping me from completing my web forms.
there are checkbox lists and radiobutton lists in my page. In FF, they are displayed properly. But in IE, there is an extra box around the checkbox and an additional circle around the radiobuttons. I tried using different stylehseets with no results.
I have an asp.net button on a web page.
The OnClientClick code disables the button so that the user cannot submit more than once. It also changes the text of the button to "Please wait..."
Trouble is, because it is getting disabled the "Please wait..." text looks rubbish... How can I style the button so that even though it is disabled, it looks enabled, within javascript.
<script type="text/javascript">
function btnSubmit_ClientClick(Client) {
var ok = Page_ClientValidate();
if (ok) {
[Code]....
I been stack for the last few days trying to figure out the SilverLight 4 LineSeries graph, for some strange reason the graph being displayed but the line not being displayed. I am pretty sure that my mistake is something very basic but I been straggling to pinpoint the problem by myself.Bellow is the code that I having problem with.
<toolkit:Chart HorizontalAlignment="Left" x:Name="chartLine" Margin="31,35,0,0" Title="Chart for test" VerticalAlignment="Top" Height="233" Width="309">
<toolkit:LineSeries IsSelectionEnabled="True" HorizontalAlignment="Left" DependentValuePath="Y" IndependentValuePath="X" [code]....
I'm in the process of styling an asp.net menu in .NET 4 and I'm trying to understand the meaning of the StaticSelectedStyle-CssClass and StaticHoverStyle-CssClass parameters.My understanding is that the styles defined with these parameters are applied as CSS classes to the relevant elements, whenever needed. So I created my menu as follows:
[Code]....
It works for StaticMenuStyle-CssClass and StaticMenuStyle-CssClass (the classes are applied to the relevant elements), but StaticSelectedStyle-CssClass and StaticHoverStyle-CssClass are not applied, regardless of the selected or hover status of an element.
Here is the generated HTML:
[Code]....
So as you can see, StaticMenuStyle and StaticMenuItemStyle are applied, but not StaticSelectedStyle-CssClass or StaticHoverStyle-CssClass. Not sure why. I know I can use selected but isn't the expected behavior that StaticSelectedStyle-CssClass be applied??? By using selected I make assumptions as to what .NET does behind the scenes and that's not right.
Here's the source of a blank .acsx file I created called LogOnBox.
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="LogOnBox.ascx.cs" Inherits="ECommerce.Views.Shared.LogOnBox" %>
I want to drag some labels, and textboxes etc and give them style using a CSS file. How can I associate a CSS to an acsx file?