Forum Replies Created

Viewing 15 posts - 1 through 15 (of 51 total)
  • Author
    Posts
  • in reply to: Vanvigation Bar Vanvigation Bar #79420

    lineker
    Participant

    Hi Hristo,

    At the example you wrote at recent message, why does not it work if css is as follow:

    .content {
    height: 100p%; // setting height 100% instead of 100px
    }

    I can not set height to a scalar value because I don’t know screensize of computer
    My jqxnavigationbar is inside in a splitter, so when I open a panel, all other panels should move to bottom of splitter and this should be supplied by using 100%

    I kindly request you try following at jsfiddle code, when you copy paste it will work. (do not have jsfiddle account yet and will open)
    I want 2nd panel go to bottom when 1st panel is opened but it does not work.

    HTML:
    <div id=”mainSplitter”>
    <div>
    <div class=”content” id=’jqxNavigationBar’>
    <div>Panel 1</div>
    <div class=”content”><div class=”content”>Content 1</div></div>
    <div>Panel 2</div>
    <div class=”content”><div class=”content”>Content 2</div></div>
    </div>
    </div>
    <div>
    <div id=”mappanel” style=”height: 100%;”>
    <div id=”map”>Right</div>
    </div>
    </div>
    </div>

    Javascript :
    $(‘#mainSplitter’).jqxSplitter({ width: ‘100%’, height: ‘90%’, orientation: ‘vertical’, resizable:false,
    panels: [{ size: 200, collapsible: false }] });

    $(“#jqxNavigationBar”).jqxNavigationBar({ height: “100%”, width: “100%”, expandMode: “toggle”});

    CSS :
    html, body {
    width: 100%;
    height: 100%;
    }
    .content {
    height: 100%;
    }

    in reply to: Vanvigation Bar Vanvigation Bar #79349

    lineker
    Participant

    Hi Hristo,

    Toggle mode works well for opening 1 panel at same time
    But when a panel is opened, I want all other panels under it go to bottom like singlefitHeight, it does not

    in reply to: GridPanel Widget GridPanel Widget #78706

    lineker
    Participant

    Hi Ivalio,

    I think jqxNavigationBar is what I am looking for if I can put grid into it at following example

    http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxnavigationbar/index.htm


    lineker
    Participant

    Hi All,

    I found what I need: jqxNavigationBar. It behaves like accordion which is the property I need ­čÖé

    in reply to: GridPanel Widget GridPanel Widget #78615

    lineker
    Participant

    Hi Ivalio,

    Thanks for demo. But I again repeat my request that property “expanded” should be in plan to add jqxGrid as property.

    in reply to: GridPanel Widget GridPanel Widget #78575

    lineker
    Participant

    Hi Ivalio,

    Thanks for reply.
    I know the demo you offered, it does not suit to me.
    Because I want to put a logo and explanation to visible part.
    I think expanded property should be added to jqxGrid at next versions

    in reply to: GridPanel Widget GridPanel Widget #78552

    lineker
    Participant

    Hi All,

    Or I can ask my question in a simpler way:

    The widget jqxExpander has property called “expanded”
    I need same option for jqxGrid. When property “expanded” is set to false, only toolbar will be displayed.

    in reply to: Splitter height value Splitter height value #78083

    lineker
    Participant

    Hello Hristo,

    I understood why it did not work at my example.
    div container which is defined at bootstrap.css file is already %100
    The problem is setting html, body
    I am setting html, body to 100% but bootstrap css which is defined under it overrides it.
    When I wrote your below code after bootstrap.css definition it worked ­čÖé

    <style>
    html, body {
    width: 100%;
    height: 100%;
    }
    </style>

    Thanks

    in reply to: Splitter height value Splitter height value #78065

    lineker
    Participant

    Hello Hristo,

    I had tried it at css file.
    I also tried as inline css as below:

    <div class="container" style="height: 100%;">

    It did not work.
    It did not work even I removed div container and making body of html parent of splitter

    There is only a line.

    You can also try from following link, by adding the css you wrote to right top part, it does not work even if body is parent and set to 100%.

    http://jsfiddle.net/jqwidgets/uUZtq/

    • This reply was modified 4 years, 3 months ago by  lineker.
    in reply to: Splitter height value Splitter height value #78031

    lineker
    Participant

    Hi Hristo,

    I tried your offer but it did not work
    My full co de is below

    <!DOCTYPE html>
    <html lang="tr">
    <head>
    
    <title>my title</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="http://localhost:5000/css/bootstrap.min.css">
     <script src="http://localhost:5000/javascripts/jquery.min.js"></script>
     <script src="http://localhost:5000/javascripts/bootstrap.min.js"></script>
     <link rel="stylesheet" href="http://localhost:5000/css/mystyle.css" />
     
    <!-- Grab jQuery from a CDN, fall back to local if necessary -->
    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
    <script type="text/javascript">/* <![CDATA[ */
        !window.jQuery && document.write('<script type="text/javascript" src="http://localhost:5000/javascripts/jquery.js"><\/script>')
    /* ]]> */</script>
    
    <style>
        html, body {
           width: 100%;
           height: 100%;
            }
    </style>
    </head>
    
    <body class='default'>
    
    <nav class="navbar navbar-default navbar-fixed-top">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>                        
          </button>
          <a class="navbar-brand" href="/home"><img class="logo" src="http://localhost:5000/images/logo.png"></a>
        </div>
        <div class="collapse navbar-collapse" id="myNavbar">
          <ul class="nav navbar-nav">
            <li class='active'><a href="/home">Ana Sayfa</a></li>
            <li ><a href="/user">Kullan─▒c─▒lar</a></li>        
            <li ><a href="/product">├ťr├╝nler</a></li>
            <li ><a href="/store2">Bayiler</a></li>
            <li ><a href="/zorlu">Zorlu</a></li>
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="report">Raporlar<span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="/report">Rapor 1</a></li>
                <li><a href="#">Rapor 2</a></li>
                <li><a href="#">Rapor 3</a></li>
              </ul>
            </li>
            <li><a href="#" style="color: white">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;kadir&nbsp;beyazl─▒</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-user"></span></a>
                 <ul class="dropdown-menu">
                <li><a href="#">┼×ifre De─či┼čtirme</a></li>
                <li><a href="#">Hesap Ayarlar─▒</a></li>
                <li><a href="#">Rapor Ayarlar─▒</a></li>
              </ul>
           </li>
            <li><a href="/logout"><span class="glyphicon glyphicon-log-out"></span> ├ç─▒k─▒┼č</a></li>
          </ul>
        </div>
    
      </div>
    </nav>
     
    <div class="container">
        
    
            <div id="mainSplitter" <strong>style="height: 100%;"</strong>>
                <div class="splitter-panel">
                    <div id="jqxgrid"></div>
                    </div>
                <div class="splitter-panel">
                    Panel 2</div>
            </div>
        
        <link rel="stylesheet" href="http://localhost:5000/javascripts/jqwidgets/styles/jqx.base.css" type="text/css" />
        <script src="http://localhost:5000/javascripts/jqwidgets/jqxcore.js"></script>
        <script src="http://localhost:5000/javascripts/jqwidgets/jqxbuttons.js"></script>
        <script src="http://localhost:5000/javascripts/jqwidgets/jqxscrollbar.js"></script>
        <script src="http://localhost:5000/javascripts/jqwidgets/jqxsplitter.js"></script>
        <script src="http://localhost:5000/javascripts/jqwidgets/jqxspanel.js"></script>
        <script src="http://localhost:5000/javascripts/jqwidgets/jqxmenu.js"></script>
        <script src="http://localhost:5000/javascripts/jqwidgets/jqxgrid.js"></script>
        <script src="http://localhost:5000/javascripts/jqwidgets/jqxgrid.selection.js"></script> 
        <script src="http://localhost:5000/javascripts/jqwidgets/jqxgrid.columnsresize.js"></script>
       <script src="http://localhost:5000/javascripts/jqwidgets/jqxgrid.filter.js"></script> 
        <script src="http://localhost:5000/javascripts/jqwidgets/jqxdata.js"></script>
        <script src="http://localhost:5000/javascripts/jqwidgets/jqxgrid.sort.js"></script> 
        <script src="http://localhost:5000/javascripts/jqwidgets/jqxgrid.pager.js"></script>
        <script src="http://localhost:5000/javascripts/jqwidgets/jqxgrid.edit.js"></script>
        <script src="http://localhost:5000/javascripts/jqwidgets/jqxdropdownlist.js"></script>
        <script src="http://localhost:5000/javascripts/jqwidgets/jqxlistbox.js"></script>
        <script src="http://localhost:5000/javascripts/jqwidgets/jqxgrid.columnsreorder.js"></script>
        <script src="http://localhost:5000/javascripts/jqwidgets/jqxgrid.columnsresize.js"></script>
        <script src="http://localhost:5000/javascripts/jqwidgets/globalization/globalize.js"></script>
        <script src="http://localhost:5000/javascripts/home/home.js"></script>
    
    <script>
    $(document).ready(function () {
       $('#mainSplitter').jqxSplitter({ width: '100%', height: '100%', panels: [{ size: 300 }] });
    });
    </script>
    </div>
    
    <div id="footer">
    <span class="ftext">Copyright 2015</span>
    </div>
    
    </body>
    </html>
    
    in reply to: A question about filtering A question about filtering #77460

    lineker
    Participant

    Hi Peter,

    I know that I wrote too much but I am not sure if you understood me correctly.
    And this is my last post about this issue

    showfilterrow: true,
    filterable: false,

    With the word “nothing is displayed” I mean grid is not displayed.
    I don’t mean filter row.
    At this situation, normal behaviour should be:

    Grid should be displayed without any filter because of filterable is set to false

    which means filterable is disabled.

    I think with my word “nothing” you understood filter row, I am talking about whole grid, there is nothing at the page

    But despite this, I do not call this a bug

    in reply to: A question about filtering A question about filtering #77459

    lineker
    Participant

    Hi Peter,

    Yes I agree with you, thanks

    in reply to: A question about filtering A question about filtering #77453

    lineker
    Participant

    Hi Peter,

    But I agree with you that this can not be called a bug because there is paradox at my code example so it is normal not to display anything

    in reply to: A question about filtering A question about filtering #77452

    lineker
    Participant

    Hi Peter,

    I am trying from following link:

    http://jsfiddle.net/jqwidgets/Td3Qn/

    At this link, if I set filterable to false, nothing is displayed.

    in reply to: Edit and Save To Database Edit and Save To Database #58396

    lineker
    Participant

    Hi Dimitar,

    This is exactly what I searched. Thank you very much

Viewing 15 posts - 1 through 15 (of 51 total)