Forms Data Controls :: Generate A Facebook Style Look To A Web App?
May 7, 2010Anyone have a clue as to how to generate a facebook style look to a web app. I mean the way they have comments indented following a persons post?
View 5 RepliesAnyone have a clue as to how to generate a facebook style look to a web app. I mean the way they have comments indented following a persons post?
View 5 Repliesi have managed to develop a status wall some what similar to facebook, using Repeater Controls- Parent Repeater is bound to the status and the child repeater is bound to the comments inside that status. I am strugling to implement the following solution- hiding and displaying a btnDeleteComments - depending of the owner of the comment- i.e. only owner of the wall and those who leave the comment can only delete that comment.
Status X
Comment A - left by member John
Comment B - Left by Member Doe
Comment C - Left by Member Harry
The owner of the wall can delete all comments, and only John can delete comment A, Doe can delete comment B and so on Here is what i have tried so far
1. fill a data set with two tables and relate them (table one = status, Table 2 = comments of that status)
2. data bind the repeater to this data set
3. here is the HTML of the child repeater
<asp:Repeater ID="rptComment" runat="server"
datasource='<%#((DataRowView)Container.DataItem).Row.GetChildRows("myrelation")%>'
OnItemCommand="rptCommentonCommand">
<HeaderTemplate>
</HeaderTemplate>
<ItemTemplate>
<asp:Table
ID="Tblcomments"
runat="server"
Width="70%"
BackColor="#f5f5f5">
<asp:TableRow>
<asp:TableCell>
<asp:Image ID="ImgComPic"
ImageUrl='<%# DataBinder.Eval(Container.DataItem, "["comPicThumbPath"]")%>'
runat="server" />
</asp:TableCell>
<asp:TableCell>
<asp:TextBox ID="TxtDisplayComment"
ReadOnly="true" TextMode="MultiLine"
BackColor="#f5f5f5"
Wrap="true"
BorderStyle="None"
Rows ="3"
BorderWidth="0px" runat="server"
Text='<%# DataBinder.Eval(Container.DataItem, "["Comment"]")%>'
CssClass="WrappedTextBox"
Font-Bold="true"
Font-Size="smaller"
ForeColor="Gray"
Font-Names="Verdana"
MaxLength="250">
</asp:TextBox>
<asp:Label
ID="LblCommentDate"
runat="server"
Font-Names="Verdana"
Font-Size="X-Small"
ForeColor="LightGray"
Text='<%# DataBinder.Eval(Container.DataItem, "["CreateDate"]")%>'>
</asp:Label>
</asp:TableCell>
<asp:TableCell HorizontalAlign="Right">
<asp:Button ID="BtnDeleteCom" runat="server"
CommandName=' <%# DataBinder.Eval(Container.DataItem, "["CommentID"]")%>'
Text="Delete" Width="60px" CommandArgument="DeleteCom" CssClass="buttonDelCom"
Visible=' <%# DataBinder.Eval(Container.DataItem, "["ViewersComment"]")%>' />
</asp:TableCell>
</asp:TableRow>
</asp:Table>
<br />
</ItemTemplate>
</asp:Repeater>
The higlighted bit is causing the cast invalid error- i thought this would do the trick, by deafult all the delete buttons next to each comment is hidden for members other then the owner of the wall- and only if they are the one who left the comment will teh delete button be visible-
<%# DataBinder.Eval(Container.DataItem, "["ViewersComment"]")%>'
The SQL which retreives the comments for a specific status, also retrieves a column2 ViewersComment which is either 'true' of 'false', indicating wether that comment was left by this person viewing the status wall-
I have an asp.net app that allows users to create personal pages which can be publicly accessed thru a "directory" page. The content of the pages is stored in sql server, so a given user's page is dynamically created thru the code that executes when the relevant link on the directory page is clicked.
I would like to take this a step further by allowing access to a given user's page directly thru the browser's address bar, something like www.thegreatestsite.com/jim (pretty much like You Tube, Facebook, etc.).
I could achieve this by manually creating a folder under the root, called "jim" and putting a default.aspx page in it which would have code in it's load event that would dynamically create jim's page.
However, I would like this "additional feature" to be created automatically, as part of the sign up process of the user.
I want to implement and allow users to create their own photo albums on my website.Now i was proposing that i have 2 tables:-Quote:
tbl_albums{album_id, user_id, album_name, info, date_added}
tbl_album_images{image_id, album_id, user_id, caption, date_added}
So one table would contain information about the album and the other would be the images inside the album.firstly does this seem like a good approach?If so, i want to know what would be the best way to allow users to do this?
I am developing a web application by using asp.net 3.5 and sql server 2008R2. I have to create a page as like as facebook News Feed (wall post). I need post Status and reply comments. I know it will be done by jQuery but I am not expart of Query. Anyone help me with sample code or demo project?
View 1 RepliesI have to create facebook style wall in my project. So far I assume that I will get X(the number that needs to be shown be default) number of wall posts from database, bind them to some control like Repeater and add update panel in each row in repeater so that only the portion of page only related to that post is updated once any new comment is added in that post.
Now, since I am new to AJAX so cant figure out how to display the "older post" link functionality there. As we have link at the bottom of facebook wall which once clicked appends the certain number of older posts at the end of the wall.
Similarly, once a new post is added by someone, it gets added at the top of the wall, how can I acheive that so tha only the limited portion at the top of the wall gets refersed and updated instead of whole page post back.
i want to show my style(for example font color) when gridview is empty.i want to make style for emptydatatext. is it possible?
View 5 RepliesI'm trying to style my GridView's pager in such a fashion that when someone clicks on a button in that page, the page's button in the pager will turn yellow, or something.
how can I access the pager's buttons, and style each of them as I wish?
when displaying images using the following formats:
[Code]....
the generated HTML will always include style elements that make the border disappear, such as:
[Code]....
Is there any way to prevent that from happening? In other words, to prevent the "style" element from being automatically included?
I have created a buttonfield in code behind and assign data to it. Does anyone know how to adjust the style of the data in the buttonfield specfically related to size?
[Code]....
I have developed a news blog in asp.net 4. When I display news using literal control, the news displays without paragraph. However when i use textbox in administrative site to input the news into db--The Textbox takes the paragraph style and displays it. However i don;t want to use Textbox to display my news. Is there any solution to display the news with the paragraph style and so on? The containing component is Datalist and this is my below code.
<ItemTemplate>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td><asp:Literal ID="HeadlineLiteral" runat="server" Text='<%# Eval("Headline") %>'></asp:Literal></td></tr>
<tr><td><asp:Literal ID="DateStampLiteral" runat="server" Text='<%# Eval("DateStamp") %>'></asp:Literal></td></tr>
<tr><td><asp:Image ID="PhotoImage1" runat="server" ImageUrl='<%# Eval("Photo") %>' align="left" /><asp:Literal ID="NewsLiteral" runat="server" Text='<%# Eval("News") %>'></asp:Literal></td></tr>
</table>
<br />
</ItemTemplate>
I would like to change color of the gridView depending on the value from table that is bounded to the grid. I actually don't show this value on the grid. I tried by using additional field with visible=false, but the cell is string empty in this way. I don't know how to solve this in some other way?
I used this code, but as I said the value is empty:
[Code]....
Is it possible to solve this by getting value directly from bounded table and not from rows cell?
Does any know how to achieve a grid similar to Twitter's homepage (top tweets) with Asp.Net Ajax?
The grid scrolls down and the new element fades in...
I m doing paging in gridview. The paging one which acts like footer is of more height. I m trying to decrease the height but it is not working. when I m trying to increase it working.
View 3 RepliesI have a column, description, in a GridView which has the most text data. As that column is defined as varchar(256), it can allow a string with 256 characters in it. In displaying, I don't want that column to stretch all the way. I use ItemStyle-Width to contain it to be 40% width. I also use word-break and word-wrap as:
GridView1.Attributes.Add("style", "word-break:break-all;word-wrap:break-word");
I guess this attribute apply to the whole GridView1. I have a column called category with possible data as "LINKAGE", "CURTAIN", etc. Now "LINKAGE" is broken up into "LINKAG" and "E" with the "E" goes to next line. The word "CURTAIN" have the "IN" goes to the next line.
Now how can I apply the word-break and word-wrap to only the description column?
I have some problem in creating dynamic gridview and setting the selected row border style to Dotted Other then Back color nothing is effecting in selected row style.The code part is bellow
[Code]....
I have a very simple sub routine which I call from RowDataBind that adds a sort arrow image to the cell if a SortExpression exists. It works great except for the problem that if the gridview renders a wide table, the header text wraps and the image appears on a different line to the text. Therefore, I need to modify my subroutine so that if the header text is only one word in length, then a white-space:nowrap rule is placed on the header cell of that column.Sound really easy, but I just cannot get it to work. For some reason the white-space:nowrap rule is being added to EVERY header cell, regardless of the text inside it.
[Code]....
I have a details view control on my web page and would like to set the style of it within my skin file. Specifically the alternating row color, width and height.
View 1 RepliesI noticed that the style attribute od <div runat="server"> is rendered CammelCase (first letter upper case, i.e. "Style") when I data-bind it.
Assume following ASPX code:
[Code]....
How can I make it lowercase and XHTML-compliant?
I have a grid view that is bound from my code behind. If the text of a label is equal to the value of a querystring, I want to apply a specific class/style that is in my .css. I've tried this, but doesn't seem to have any affect... How can I set the class for a column in the gridview if the two values match?
[Code]....
For reasons, I have an <a> tag in my master sheet rather than an ASP link. I want to access this html control from the server when a post back happens and change its style sheet. I have tried many a thing but as yet am still unsuccessful.
in short this is what i can't do but want to...
page.form.controls.item(0).sytle = "bob"
..but can't.
i want ot change the style of the page number in gridview . How can i do it? What attribute of pagersettings can i use?
View 5 RepliesI want to display the gridview content in breadcrumb style.
View 5 RepliesI'm using a DataPager for a ListView, it works well, I'm using ButtonType:Image to style it but I want to change the image while mouse over, but I can't, I've tried some with ButtonCssClass but there's no good result. Here is my DataPager:
[Code]....
So, is it possible to change the image while mouse over?
When "Configure ListView..." in the smart tag of ListView is clicked, one can choose one of the 4 styles on the list: Colorful, Professional, etc. I am wondering if there is any way to add one's own style to the list.
View 7 Replies