Link to home
Start Free TrialLog in
Avatar of BillPenrose
BillPenrose

asked on

ListBox not seen on iphone

I use VB2005 .net2 and have the web site   www.ktrials.com.au

If you select 'Riders' on that web site then 'Event Select' there is a ListBox with some listings in white and others in blue

There are four problems

1) IE10 requires me to switch back to compatibility mode else I only see a short list.
2) The scroll bar is pushed of screen when my customers puts in long text
3) The page when viewed in an IPhone shows this box as blank. They can see the listing if they click on the blank box.
4) If I select an event it takes me to another page but if I return, I cannot select the same event. That is because I use the event SelectedIndexChanged, but there does not seem to be an alternative.

Is there a better control to use or are there some adjustments I can make?

My code is very simple

HTML

                <asp:ListBox ID="ddlEvents" runat="server" AutoPostBack="True" Font-Bold="True" Font-Size="Large"
                    Height="448px"></asp:ListBox>


Code behind

'Fill the list box

                ddlEvents.Items.Add(New ListItem(sb.ToString))
                If ElapsedDays > 0 Then
                    'Colour the background of closed events
                    ddlEvents.Items(ddlEvents.Items.Count - 1).Attributes.Add("style", "background-color:lightblue")
                End If



  Protected Sub ddlEvents_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles ddlEvents.SelectedIndexChanged

      'Analyse the selected option
            Server.Transfer("page for the selected event")
 end sub


I do not wish to move away from VB2005 .NET2

I recently installed Syncfusion but they do not seem to have a suitable control.

regards and thanks
Bill Penrose
Avatar of COBOLdinosaur
COBOLdinosaur
Flag of Canada image

The code is sloppy; the doctype is not valid and browser does not perform correctly because you are using a mix of stylesheet and inline styles, with hard coded dimensions and no media queries.

1) IE 10 is forced to compatibility mode by the invalid doctype, even if it was valid it is so old it probably still forces compatibility mode.

2) Of course it does because you are not controlling dimension consistently.

3) There is absolutely nothing in there to support an iphone or any other mobile device, so it is just luck it shows much of anything useful.

The browser does not know what C# properties are set, you have a control issue on the page so you have to address it with client side scripting.

Cd&
Avatar of BillPenrose
BillPenrose

ASKER

CD&

Thank you for your reply

Your criticism is accepted, however could you suggest a starting point to prepare for iphone usage.

Your other suggestions to update doctype and limit listbox size will be investigated.

Your suggestion for media queries was new to me . Can you point to an introduction to these,

regards
Bill.
ASKER CERTIFIED SOLUTION
Avatar of COBOLdinosaur
COBOLdinosaur
Flag of Canada image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial