356 comments found

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
Natchaf Purchased

Hey again, and thanks for the fix on the buttons.

But now I have another problem with datatables (since I’m building the system on the tables I need them to display correctly :)

If you try to put the tables inside a tab, the footer of the table is drawn outside that widget.

Also there is a bug where you select how many rows you want to display, the select box appears to add line brake both before the select and after, forcing the text to look like this :

http://vu2029.nadine.1984.is/datatables.png

Thanks in advance :)

revaxarts

Hi!

Try adding some padding to the widget or some margin to the datatable

I’ going to check the datatables CSS for the next update

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years

How hard would it be to incorporate

http://codecanyon.net/item/php-login-user-management/49008

into this admin login system?

revaxarts

Hi!

This item is a skin. Only HTML /JS/CSS. You can include anything if you familiar with PHP . Please ask the author of that item too!

Regrads
Xaver

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
peppoz Purchased

Hi, great template! Just one question: is possible change the value of ‘upload_dir’ => dirname( FILE ).’/upload/’, ‘upload_url’ => dirname($_SERVER[‘PHP_SELF’]).’/upload/’ for every upload? Tnx

revaxarts

Hi peppoz!

You can use the formData option from the wl_File Plugin:
$('input[type=file]').wl_File({
   formData:{
           folder:'yourfolder'
   }
})
You will get a POST variable named ‘folder’ with the value of ‘yourfolder’ in the upload.php Check out the docs as well!

Hope I could help you!

  • Bought between 50 and 99 items
  • Canada
  • Has been a member for 3-4 years
  • Referred between 1 and 9 users
LFReD Purchased

Login screen not submitting username and password data in ie8? Any ideas?

revaxarts

Hi LFRed!

Have you checked the login.js?

There is an options “onBeforeSubmit”:
$form.wl_Form({
    status:false,
    onBeforeSubmit: function(data){
        $form.wl_Form('set','sent',false);
        if(data.username || data.password){
            location.href="dashboard.html";
        }else{
            $.wl_Alert('Please provide something!','info','#content');
        }
        return false;
    }                              
});

this option (function) returns a false which prevent the form from being submitted

remove that option

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
peppoz Purchased

Tnx for the reply! Sorry but i’m a new programmer and not work :(

1) i wrote in the page with “input file”: <script> $('input[type=file]').wl_File({ formData:{ folder:'files' } }) </script> 2) in upload.php i wrote: 'upload_dir' => dirname(__FILE__).'/upload/'.$_POST['folder'].'/', 'upload_url' => dirname($_SERVER['PHP_SELF']).'/upload/'.$_POST['folder'].'/',

but don’t work :(

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
peppoz Purchased

if i wrote:

formData: {folder:'files'},

in config.js it works.

But if i wrote in the file with input file:

<script>
$('#documento').wl_File({
   formData:{
           folder:'2010_01'
   }
})
</script>

or

<script>
$('input[type=file]').wl_File({
   formData:{
           folder:'2010_01'
   }
})
</script>

it dont’ works.

revaxarts

Hi peppoz!

Please check if you didn’t called the plugin elsewhere. Simple delete yours and check if there is a native file upload field.

You can set the formData value with:
$('#documento').wl_File('set','formData',{folder:'2010_01'});

Hope I could help you

  • Bought between 100 and 499 items
  • Greece
  • Has been a member for 4-5 years
itbox Purchased

Hello and thank you for a very nice template!

I have a question concerning file upload. I’m using server-side code to check if a file with the same name already exists in the same folder. If so, the file gets renamed to something like “[random_number]_[old_file_name].[extension]” and is then uploaded. What I’m trying to do next is get the new filename (I assume this can be done by simply returning the new filename as a plain text response in the file that performs the upload?) and pass it to the form that contains the file input field, so that when the form gets submitted I can use the correct filename, whether the file has been renamed or not. So far I can’t seem to figure out how to make this work, so any suggestions are welcome.

Thanks in advance.

revaxarts

Hi itbox!

you get a JSON String if the upload is successful. Manipulate it server side and use the onFinish callback:
$content.find('input[type=file]').wl_File({
    onFinish:function(e,data){
        var obj = $.parseJSON(data.result);    
        //obj.name
    }
});
obj.name contains the name of the file. Furthermore can obj contain more data because its a JSON

Hope I could help you

Best wishes
Xaver

  • Bought between 100 and 499 items
  • Greece
  • Has been a member for 4-5 years
itbox Purchased

Hello again and thank you for the quick response.

If I get this right, the JSON String is created in the “upload.php” file that you have already provided. The thing is, I have to use ASP code for this particular project, so I’m using my own code for file upload.

What I tried to do in my ASP page is first perform the file upload and then do a simple “response.write(fileName)”, because that is the only piece of information that I needed to be returned. Then I tried to read the response, like this:

    $content.find('input[type=file]').wl_File({
        onFinish:function(e,data){
            alert(data);
        }
    });

I didn’t use $.parseJSON() as you suggested in your reply, because my returned result wasn’t JSON formatted in the first place, but what came up in the alert box was “[object Object]”. So I’m assuming that I have to use JSON formatting for the results, and a plain text response is not really an option? Or perhaps there is an easier way for me to do this?

revaxarts

The response is in data.result

try
alert(data.result)

Edit and use Firebug to check whole objects ;)

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
peppoz Purchased

I’m sorry but it still not works. At every test i delete the cache of browser.

The plugin:

<script src="js/wl_File.js"></script

is called always in header page but is used just in this page.

:(

revaxarts
Yes, you have to include the script in the header with this:
<script src="js/wl_File.js"></script>
But you have to call this way:
$([selector]).wl_File()

make sure you don’t call it twice!

  • Bought between 100 and 499 items
  • Greece
  • Has been a member for 4-5 years
itbox Purchased

Ah, thanks again! :)

data.result worked like a charm! And I’m already downloading Firebug, as you suggested. :)
revaxarts

Great!

Don’t forget to vote for my item ;)

Thanks!

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
peppoz Purchased

Yes, i understand. My code is ok.

This is the header:
&lt;?php session_start();
        if (!isset($_SESSION['id']))
        {
            header("location: login.php");
        }
?&gt;
<!doctype html>
<html lang="it-it">
<head>
    <meta charset="utf-8" />

    <title>I.R.E. | Servizi Segreteria</title>

    <meta name="description" content="" />
    <meta name="author" content="guerrisi.net" />

    <!-- Google Font and style definitions -->
    <link href="http://fonts.googleapis.com/css?family=PT+Sans:regular,bold" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet" />

    <!-- include the skins (change to dark if you like) -->
    <link href="css/light/theme.css" rel="stylesheet" id="themestyle" />
    <!-- <link rel="stylesheet" href="css/dark/theme.css" class="theme"> -->

    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <link rel="stylesheet" href="css/ie.css">
    <![endif]-->

    <!-- Apple iOS and Android stuff -->
    <meta name="apple-mobile-web-app-capable" content="no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link href="apple-touch-icon-precomposed.png" rel="apple-touch-icon-precomposed" />

    <!-- Apple iOS and Android stuff - don't remove! -->
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,maximum-scale=1" />

    <!-- Use Google CDN for jQuery and jQuery UI -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>

    <!-- Loading JS Files this way is not recommended! Merge them but keep their order -->

    <!-- some basic functions -->
    <script src="js/functions.js"></script>

    <!-- all Third Party Plugins -->
    <script src="js/plugins.js"></script>
    <script src="js/editor.js"></script>
    <script src="js/calendar.js"></script>
    <script src="js/flot.js"></script>
    <script src="js/elfinder.js"></script>
    <script src="js/datatables.js"></script>

    <!-- all Whitelabel Plugins -->
    <script src="js/wl_Alert.js"></script>
    <script src="js/wl_Autocomplete.js"></script>
    <script src="js/wl_Breadcrumb.js"></script>
    <script src="js/wl_Calendar.js"></script>
    <script src="js/wl_Chart.js"></script>
    <script src="js/wl_Color.js"></script>
    <script src="js/wl_Date.js"></script>
    <script src="js/wl_Editor.js"></script>
    <script src="js/wl_File.js"></script>
    <script src="js/wl_Dialog.js"></script>
    <script src="js/wl_Fileexplorer.js"></script>
    <script src="js/wl_Form.js"></script>
    <script src="js/wl_Gallery.js"></script>
    <script src="js/wl_Number.js"></script>
    <script src="js/wl_Password.js"></script>
    <script src="js/wl_Slider.js"></script>
    <script src="js/wl_Store.js"></script>
    <script src="js/wl_Time.js"></script>
    <script src="js/wl_Valid.js"></script>
    <script src="js/wl_Widget.js"></script>

    <!-- configuration to overwrite settings -->
    <script src="js/config.js"></script>

    <!-- the script which handles all the access to plugins etc... -->
    <script src="js/script.js"></script>

</head>
<body>
    <div id="pageoptions">
            <ul>
                    <li>&nbsp;</li>
            </ul>
            <div>
                    <h3></h3>
            </div>
    </div>
    <header>
        </header><div id="logo">
            <a href="dashboard.php">I.R.E.</a>
        </div>
        <div id="header"></div>

</body></html>

This is the page where made file upload:

<?php include_once 'header.php';?>
<?php include_once 'menu.php';?>
<section id="content">
<div class="g12">
<?php if ($_GET['action'] == 'new')
    {
    ?>
    <h1>Protocollo - Aggiungi Documento</h1>
    <br />
    <?php }
    elseif ($_GET['action'] == 'edit')
    {
    ?>
        <h1>Protocollo - Modifica Documento</h1>
        <br />
    <?php }
    elseif ($_GET['action'] == 'view')
    {
    ?>
        <h1>Protocollo - Visualizza Documento</h1>
        <br />
    <?php }

    include_once 'classi/Protocollo.class.php';
    $protocollo = new Protocollo();
?>
<script>
    $('#documento').wl_File('set','formData',{folder:'2010_01'});
</script>
<form method="post" action="protocollo_exec.php" id="form" autocomplete="off">
    <input name="action" id="action" value="" type="hidden" />
    <input name="id_protocollo" id="id_protocollo" value="" type="hidden" />
    <fieldset>
    <label>Dati Protocollo</label>
            <section /><label for="in_out">In/Out</label>
            <div>
                <select required name="in_out" id="in_out">
                    <option value="">Seleziona</option>
                    <option value="IN">In</option>
                    <option value="OUT">Out</option>
                </select>
            </div></fieldset></form></div></section>
            <section /><label>Data Protocollo</label>
                    <div><input required name="data_protocollo" class="date" data-value="now" id="data_protocollo" type="text" /></div>

            <section /><label for="numero">Numero Protocollo</label>
                    <div><input name="numero" data-regex="^[0-9 ]+$" id="numero" type="text" />
                        <br /><span>Lasciando vuoto il campo verr&agrave; assegnato automaticamente il valore</span>
                    </div>

            <section /><label for="anno">Anno Protocollo</label>
                    <div><input name="anno" data-regex="^[0-9 ]+$" id="anno" type="text" />
                        <br /><span>Lasciando vuoto il campo verr&agrave; assegnato il valore dell'anno corrente</span>
                    </div>

            <section /><label for="tipologia">Tipologia</label>
            <div>
                <select required name="tipologia" id="tipologia">
                    <option value="">Seleziona</option>
                    <option value="CONTRATTO/BORSA">CONTRATTO/BORSA</option>
                    <option value="ACQUISTO">ACQUISTO</option>
                    <option value="CTS">CTS</option>
                    <option value="FREQUENZA">FREQUENZA</option>
                    <option value="LETTERA INTERNA">LETTERA INTERNA</option>
                    <option value="LETTERA ESTERNA">LETTERA ESTERNA</option>
                    <option value="MISSIONE">MISSIONE</option>
                    <option value="RIMBORSO">RIMBORSO</option>
                </select>
            </div>
        <section /><label for="id_mittente">Mittente</label>
            <div>
                <select required name="id_mittente" id="id_mittente">
                <?php $rifpro = $protocollo?>SelectRubrica();
                    echo $rifpro;
                ?>
                </select>
        </div>
        <section /><label for="id_destinatario">Destinatario</label>
            <div>
                <select required name="id_destinatario" id="id_destinatario">
                <?php $rifpro = $protocollo?>SelectRubrica();
                    echo $rifpro;
                ?>
                </select>
        </div>

    <fieldset>
    <label>Riferimenti</label>
        <section /><label>Data Lettera</label>
                    <div><input name="data_lettera" class="date" id="data_lettera" type="text" /></div>

        <section /><label for="protocollo_rif">Protocollo Lettera</label>
                <div><input name="protocollo_rif" id="protocollo_rif" type="text" />
                </div>

        <section /><label for="id_rif">Riferimento Protocollo</label>
            <div>
                <select name="id_rif" id="id_rif">
                <?php $rifpro = $protocollo?>SelectRifProtocollo();
                    echo $rifpro;
                ?>
                </select>
        </div>
    </fieldset>
    <fieldset>
        <label>Documenti</label>
                <section /><label for="documento">Seleziona il file</label>
                        <div><input required name="documento" id="documento" type="file" multiple />
                        </div>

        </fieldset>
    <fieldset>
        <label>Informazioni</label>
            <section /><label for="oggetto">Oggetto</label>
                    <div><textarea required name="oggetto" id="oggetto" data-autogrow="true"></textarea>
                    </div>

            <section /><label for="note">Note</label>
                    <div><textarea name="note" id="note" data-autogrow="true"></textarea>
                    </div>

            <?php if ($_GET['action'] ?> 'view')
            {
            ?>
            <section>
                    </section><div><button>Salva</button></div>

        </fieldset>
            <?php }
            else
            {
            ?>

            <fieldset>
            <label>Documenti</label>
            <section>
                </section><table>
                    <tr>
                        <td>Link</td>
                        <td>Link</td>
                    </tr>
                    <tr>
                        <td>Link</td>
                        <td>Link</td>
                    </tr>
                </table>

            </fieldset>
            <fieldset>
            <label>Rif. Protocollo</label>
            <section>
                </section><table>
                    <tr>
                        <th>Data</th>
                        <th>In/Out</th>
                        <th>Numero</th>
                        <th>Mittente</th>
                        <th>Destinatario</th>
                        <th>&nbsp;</th>
                    </tr>
<?php echo $protocollo?>ProtocolloLstRif($_GET['id_rif'], $_GET['id_protocollo']);
?>
                </table>

            </fieldset>
            <?php }
            ?>

<!-- end div #content -->
<?php include_once 'footer.php';?>
revaxarts

Thats nice! Did you modified the script.js?

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
peppoz Purchased

No is original. All the .js is original. is very strange! :(

revaxarts

So you didn’t modified the original script.js…

Where is this line:
$('#documento').wl_File({
   formData:{
           folder:'2010_01'
   }
})

If you didn’t change the original script.js and add this line you have called the plugin twice!

PS: please use the reply button to reply directly to a comment so we can keep things together ;) \\

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
peppoz Purchased
i modified upload.php in
class UploadHandler
{
    private $options; 

    function __construct($options=null) {
        $this->options = array(
            'script_url' => $_SERVER['PHP_SELF'],
            'upload_dir' => dirname(__FILE__).'/upload/'.$_POST['folder'].'/',
            'upload_url' => dirname($_SERVER['PHP_SELF']).'/upload/'.$_POST['folder'].'/',
            'param_name' => 'files',
  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
peppoz Purchased

one other strange thing is that the post of type=file is null

Array ( [folder] => 2010_01 [file_upload_multiple] => )

revaxarts

What is file_ipload_multiple ?

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
  • Slovenia

Hello, I have one problem. i changed editor to elRte editor because u have integrated with elFiner (file explorer). But now is problem when i send form the content of textarea is empty. Other fields works. if i put in comment this $content.find(‘form’).wl_Form(); then works. Any ideas?

revaxarts

Hi alendr!

Please sign in with the account you’ve purchased the item to get help.

Thanks!

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years

Hi there, I am wondering if there is any documentation on the flexibility of the Wizard. Tabs, size etc?

Thank you

revaxarts

The section are basically wrapped with divs. You may include any HTML in it. If you use tabs you have to use another plugin.

The Breadcrump plugin handles the navigation. You can have more steps of course, but they gonna jump to the next line if they are too many

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
  • United States

Great Theme – we’re going to have a lot of fun customizing it for our program.

So far one issue I can’t find – I need to change the color and background/focus of the select boxes in forms. I’m using the light theme and can’t find where to do it in either theme.css or style.css.

Can you point me to where I can change this?

Thanks.

revaxarts

Hi charmsadmin!

Thanks for purchaseing my item! The select boxes (dropdowns) are using the uniform plugin. There is a sprite image in the uniform folder under css/light/images/uniform

I’ve included a psd/png file for that sprite as well. YOu have to make your changes and export it again

Xaver

charmsadmin

Thank you – I’ll look for that. It appears also that the selects have a display:block attached to them. I need to be able to remove that too so I canhave mlutiple selects on the same line.

Is that in the uniform.css also?

revaxarts

You can overwrite them with display:inline-block;

  • Bought between 100 and 499 items
  • Has been a member for 4-5 years
LiMarko Purchased

ok i’m now on right account. So i need help with that i wrote on the alendr account.

revaxarts

Hi LiMarko, Thanks for switching!

Hello, I have one problem. i changed editor to elRte editor because u have integrated with elFiner (file explorer). But now is problem when i send form the content of textarea is empty. Other fields works. if i put in comment this $content.find(‘form’).wl_Form(); then works. Any ideas?
You have to update the textarea before submit:
$('selector').elrte('updateSource');
Check out the wiki of elRte Editor!

Hope I could help you!

Best wishes
Xaver

Default-user
LiMarko Purchased

Ok, but the problem is wl_Form.js when u call in script.js $content.find(‘form’).wl_Form(); So i must modifed wl_Form.js? Where in wl_Form.js i must put the $(‘selector’).elrte(‘updateSource’); if that’s the problem, because if i dont use $content.find(‘form’).wl_Form(); then send me data but of course the problem is then validation form.

revaxarts

You can bind $(‘selector’).elrte(‘updateSource’); to the click event of the submit button!

Default-user
LiMarko Purchased

It’s posible that remove button doesn’t work on fileUpload or it’s problem elsewhere.

revaxarts

Which remove button you are talking about?

Default-user
LiMarko Purchased

If u use in Form, file upload and add a image then added to server and show name of image in content for images. There u have a class=”remove”>/a> and botton remove All, and if u click a class=”remove”>/a> then remove li> from content (specificly set li> class=”success” to display: none) but doesn’t remove file from server. The same is on the botton remove all.

revaxarts

The remove button is only made to remove it from the queue or from the list which get sent to the server.

I’m going to include somthing in the next update to delete files directly from the upload box

  • Bought between 50 and 99 items
  • Has been a member for 5-6 years

Can this template be used in an ASP .NET application or is it meant for php application?

revaxarts

Hi olylax21!

This is just a skin Admin Panel. So every server side action is up to you. There are some PHP files included for interaction (File Upload, FileExplorer,...) but they can be translated to ASP for sure!

Thanks in advance!

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
libtek Purchased

Hello,

Is it possible to have the background color change on the file upload section when you’re in drag-n-drop range (ie. hovering over them)? Also, perhaps it could so some pre-processing to display the file types and/or an icon for them?

Would also love to see some more stuff having to do with tables and lists…

  • “quick edit” table rows so you can slide out and back in an extra section below the row
  • inline editing
  • ability to rearrange rows/lists by dragging and dropping, or perhaps also have an up/down arrow that lets you move a row/list item by clicking on it. This would be great in various lists like the demo’s “Number Widget”. Much like Netflix’s queue – Example here
  • Thanks!

    revaxarts

    Hi libtek!

    Thanks for the suggestions!

    You can use the onDragOver callback to manipulate the drop area

    by
    by
    by
    by
    by
    by