|
Rank: Member Groups: Member
Joined: 2/20/2012 Posts: 11
|
Hello, I have just upgraded to EO_Web 2012 and am working on a slide control.
My code follows:
<eo:Slide runat="server" ID="Slide1" NavPanelStyle="slide_nav_panel" ItemNumberStyle="slide_item_number" BigItemWidth="660" BigItemHeight="275" BigItemPanelStyle="slide_big_item_panel" SmallItemHeight="91" SmallItemWidth="100" SmallItemPanelStyle="slide_small_item_panel" SmallItemStyle="slide_small_item" SmallItemHoverStyle="slide_small_item_hover" IEEffect="progid:DXImageTransform.Microsoft.Fade(duration=0.5,overlap=0.5)"> <BigItemTemplate> <div> <img src='<%#ResolveUrl(Eval("image").ToString())%>' alt="" /> </div> <div style="padding: 5px 5px 0px 5px; background-color:White;"> <p style="font-family: Arial; font-size: 17px; color: #16387c; font-weight: bold"> <%#Eval("title")%> </p> <p style="font-family: Arial; font-size: 13px; color: #333"> <%#Eval("summary")%> <a href="http://www.yahoo.com">More...</a> </p> </div> </BigItemTemplate> <SmallItemTemplate> <div style="padding: 15px 3px 3px 3px; text-align: left; "> <div style="border: solid 1px #c5ced7; padding: 2px; background-color:White; width:82px;"> <img src='<%#ResolveUrl(Eval("thumbnail").ToString())%>' alt="" /> </div> <p> <a href="http://www.yahoo.com"><%#Eval("link_text")%></a> </p> </div> </SmallItemTemplate> </eo:Slide>
I cannot seem to get more than 4 thumbnail pictures to display in the SmallItemTemplate. I have room to display three more images. How can I customize the SmallItemTemplate to display more thumbnai images?
ANY help would be greatly appreciated.
|
|
Rank: Administration Groups: Administration
Joined: 5/27/2007 Posts: 24,195
|
Hi,
Your code looks fine to us. Are you sure you indeed have more than 3 items in your data source?
Thanks
|
|
Rank: Member Groups: Member
Joined: 2/20/2012 Posts: 11
|
Hello, Thanks for the quick reply. Below is my data source code:
protected void Page_Load(object sender, EventArgs e) { Slide1.DataSource = CreateDataSource(); Slide1.DataBind(); }
private DataTable CreateDataSource() { DataTable table = new DataTable(); table.Columns.Add("image", typeof(string)); table.Columns.Add("thumbnail", typeof(string)); table.Columns.Add("title", typeof(string)); table.Columns.Add("summary", typeof(string)); table.Columns.Add("link_text", typeof(string));
table.Rows.Add( "images/homepage_slider_images/image_01_big.jpg", "images/homepage_slider_images/image_01_small.jpg", "Academy Photo", "Academy Photo Description."); table.Rows.Add( "images/homepage_slider_images/image_02_big.jpg", "images/homepage_slider_images/image_02_small.jpg", "Deputy rescues stranded motorist ", "Deputy talks to troubled motorist about her car.");
The text is not displaying on the thumbnail photos or on the BigItemTemplate. At this point, this is not as important as getting the thumbnails to span the width of the BigItemTemplate (660x275).
ANY Help would be greatly appreciated.
|
|
Rank: Member Groups: Member
Joined: 2/20/2012 Posts: 11
|
Also, How can I get the Slide control to read from a SQL database table? I am attempting to have this control pull data from a table that other staff populate via a maintenance screen.
|
|
Rank: Administration Groups: Administration
Joined: 5/27/2007 Posts: 24,195
|
Hi,
These are things that you will need to work out yourself. We do not provide free coding assistance here. From the Slide's point of view, it takes a DataTable. How you create your DataTable would be up to you ---- that is a generic .NET programming question so we are not in a position to offer support on that. Sorry about it.
Thanks!
|
|
Rank: Member Groups: Member
Joined: 2/20/2012 Posts: 11
|
Hello,
Thank you. I keep looking for a way to span the SmallItemTemplate that displays the thumbnails to span the width of the BigItemTemplate ( approximately 650 px) and for a way to get the navigation panel to automatically roll to a new picture.
ANY help would be greatly appreciated.
|
|
Rank: Administration Groups: Administration
Joined: 5/27/2007 Posts: 24,195
|
Hi,
That should occur automatically. If it doesn't work, then I would recommend you to take a look of our sample code to compare our sample and your code to see if you can find the difference. To avoid abuse, we won't debug your code or even point you out what's wrong if the problem is not related to us, even if we know what's wrong in your code. We have this policy in place so that our users won't try to run whatever coding problem they have through us first without trying to work it out on their own. So that's the case, you should definitely try to focus on your code first. We won't provide you any support/help for free on that part.
Once you are sure that you understand all the code, if you still believe there is an issue with the product, or simply have a question about how the product behave, please feel free to post here and we will help you further. In this case, we have asked you to check your data source, so you must clearly demonstrate to us that you indeed are sure that the data source has more than three items in order for us to look into anything else.
Thanks!
|
|